Design e Frontend

Fluxo de trabalho Textum PRD→Scaffold→Story para Codex, com saídas de baixo ruído e verificações de controle.

Projeta e constrói websites com sistemas visuais inspirados em filmes, direção de arte guiada por diretores, planejamento de layout baseado em storyboards e movimento cinematográfico. Ideal para sites cinematográficos, landing pages estilo filme, UIs inspiradas em diretores ou estéticas de website semelhantes a filmes, incluindo gêneros como film-noir, ficção científica, romance, thriller, ação e animação.

Use before any creative work — creating features, building components, adding functionality. Explores user intent, requirements and design before implementation.

Use when completing tasks, implementing major features, or before merging to verify work meets requirements

React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code — components, data fetching, bundle size, or performance.

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Design and implement distinctive, production-ready frontend interfaces. Use when creating or restyling web pages, components, or applications (HTML/CSS/JS, React, Vue, etc.)

Watch an open pull request for new CI failures and review comments and drive it to a clean state. Uses the Monitor tool to stream PR status changes in real time so reactions are immediate instead of polled. Handles CodeRabbit nitpicks with judgment (do not blanket-skip) and treats "out of date" comments as still-relevant until proven otherwise. Replies to and resolves each thread as it's addressed

Analisar resultados de testes do Playwright.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) n

Build form builder helper operations. Auto-activating skill for Business Automation. Triggers on: form builder helper, form builder helper Part of the Business Automation skill category. Use when working with form builder helper functionality. Trigger with phrases like "form builder helper", "form helper", "form".

Create new agent skills with proper structure, progressive disclosure, and bundled resources. Use when user wants to create, write, or build a new skill.