Design e Frontend

Write a clear design brief that gives designers the problem framing, constraints, and success criteria they need to start design work. Use this skill when handing a problem from product to design for exploration.

Use when the user mentions PageSpeed Insights, Core Web Vitals, LCP, TBT, CLS, site speed, page speed score, slow website, performance optimisation, or similar. Guides a phased, verification-gated approach — images first, fonts second, JavaScript third — specifically designed to avoid the regressions that typically occur when AI agents try to fix everything in one pass. Encodes lessons from a real

Use this skill when creating, auditing, or redesigning a public GitHub repository so the repository is easy to understand, trust, share, install, and contribute to. Use together with github-repo-product-naming whenever naming, renaming, positioning, repo slug, About description, or product identity matters.

Convoque um conselho de 5 agentes especialistas (PM, QA, Desenvolvedor Líder, Designer de Produto, Especialista de Domínio) para deliberar sobre um tópico por meio de rodadas de consenso anônimas até que um acordo seja alcançado.

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

Configure, adjust, debug, and verify React Flow workflow nodes. Use when working on custom node components, especially for node handles, multi-channel connections, edge ids/styles, NodeResizer behavior, drag handles, nodrag/nowheel areas, and markdown scroll containers.

Referência canônica da plataforma web (HTML, CSS, JavaScript, DOM/Web APIs, HTTP, SVG, MathML, ARIA, WebAssembly, glossário) obtida de github.com/mdn/content. Ativa-se automaticamente ao mencionar funcionalidades web específicas, como propriedades CSS, built-ins de JS ou APIs DOM/Web.

Recupera documentação atualizada, referências de API e exemplos de código para qualquer tecnologia de desenvolvedor. Use para perguntas sobre bibliotecas, frameworks, SDKs, ferramentas CLI ou serviços de nuvem, pois os dados de treinamento podem estar desatualizados.

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

Generates a dynamic, professional Product Requirements Document (PRD) for any task, feature, product, or project described by the user. Use this skill whenever the user mentions "PRD", "product requirements", "write requirements for", "create a spec", "feature doc", "product doc", "requirement document", or asks to plan/document any feature, app, tool, or system. Also trigger when users say "I wan

Design a lifecycle engagement strategy including onboarding, nurture, and re-engagement flows. Use this skill when a team needs to systematically improve how they engage users across their lifecycle.

Guia de filosofia de design de software baseado em "A Philosophy of Software Design" de John Ousterhout. Utilize-o em revisões de código, discussões de arquitetura, design de API e decomposição de módulos, ativando-se quando o usuário menciona "código muito complexo", "como dividir módulos" ou "interface".