AI Agent Skills

Otimiza a performance de código frontend Fluig (manipulação de DOM, eventos, requisições e carga de dados) preservando o comportamento, a internacionalização e a compati…

Revisa a acessibilidade de markup/UI de customizações Fluig (HTML semântico, rótulos, navegação por teclado, foco visível, ARIA, texto alternativo e contraste de cor) e…

Revisa a performance de código frontend Fluig (manipulação de DOM, eventos de alta frequência, requisições REST e carga de dados) e produz achados classificados por seve…

构建生产级、可访问、响应式的面向用户 UI。当构建或修改界面和页面、创建组件、实现布局、满足 WCAG 可访问性要求、管理状态，或输出需要看起来和感觉上都是生产级而不是 AI 生成时使用。

Write website copy, landing pages, and homepage writing that converts without lying. Use for hero sections, feature pages, about pages, and product marketing copy. Enfor…

Step-by-step workflow for creating accessible, tested UI components. Use when the user asks to create a new UI component.

Workflow for choosing and implementing the right state management approach. Use when the user needs to manage state for a new feature or refactor.

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component…

Generate Apple App Store screenshot pages as a Next.js app with html-to-image export at required resolutions. Screenshots are advertisements, not documentation — every s…

Define or extract a consistent brand voice that other skills can use. Three modes: Extract (analyze existing content), Build (interview-based), Auto-Scrape (from URL). U…

Improve, rewrite, edit, or review prose so it is clear, direct, useful, and natural without inventing facts or erasing the author's voice. Use when drafting or revising…

UI component design principles, visual hierarchy, spacing, typography for Next.js apps. Use when building or reviewing React/Next.js components, setting up design tokens…

Generating PDFs with pdfkit or puppeteer in Node.js. Use when generating PDF reports, invoices, certificates, or any printable document from data or HTML templates.

Use when measuring test coverage, generating LCOV or HTML reports, or filtering coverage files.

Use when configuring widget previews in Flutter development, testing visual component variations, or isolating widget UI states.

Use when writing widget tests, finding UI elements with finders, simulating user gestures, or testing widget state updates.