Design e Frontend

Projeta e estrutura um backend para um frontend existente. Usuários revisam um documento de design (endpoints, esquema do DB, autenticação) e, após aprovação, recebem o código estruturado.

Framework based on April Dunford''s "Obviously Awesome" and "Sales Pitch". Use this skill whenever the user is discussing how to describe, frame, differentiate, sell, or talk about their product — even if they do not explicitly say "positioning," "pitch," or "messaging." Triggers include: (1) defining or evaluating product positioning using the five-component framework, (2) translating positioning

Creates intuitive user experiences through feedback patterns, microinteractions, and accessible interaction design. Use when designing loading states, error handling UX, animation guidelines, or touch interactions.

Authors and runs tests across the test pyramid — unit, FE↔BE integration, and end-to-end browser scenarios — using Playwright MCP and runners (jest, vitest, mocha). Use when verifying multi-layer behavior or for "e2e 테스트", "integration 테스트", "통합 테스트", "playwright로 검증", "브라우저에서 직접 확인", "백엔드-프론트 연동", "API 통합 테스트", "staging 검증", "배포 후 검증", "smoke test", or when a feature crosses boundaries (API + UI

Define non-functional requirements (performance, security, scalability, accessibility, compliance) for a product initiative. Use this skill when product requirements are functional but non-functional constraints haven't been specified.

Analyze an AI-generated video clip against the prompt that produced it. Detects canon rule violations, emotion/energy/world mismatches, palette drift, and quality issues, then suggests specific prompt fixes to improve the next generation. Use whenever the user has a Veo, Seedance, Kling, Runway, or other AI-generated clip and asks "why does this look wrong", "check the clip", "check this clip", "p

Generate native-quality iOS/macOS mockup PNGs using SwiftUI Preview rendering. Use when designing Apple platform UIs, creating native app mockups, or running /mockup-swift.

Structure and communicate product decisions and trade-offs in a way that builds alignment and trust. Use this skill when a team needs to communicate a difficult or significant product decision.

Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions always

Aborda princípios de design de jogos, estrutura de GDD, balanceamento e psicologia do jogador.

Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions always

Establish governance practices for responsible AI development including fairness, transparency, and accountability. Use this skill when a team building AI features needs a governance framework for responsible development.