Design e Frontend
16.414 skills encontradas
Alerta por categoria
Receba novas skills de Design e Frontend toda segunda
Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.
managing-product
Extracts product requirements and produces a PRD. Use when a user wants to build software and needs to define what to build before architecture or implementation, when scoping an MVP, or when translating a vague idea into a buildable specification.
agent-messaging
Send and receive cryptographically signed messages between AI agents using the Agent Messaging Protocol (AMP). Supports local messaging, federation across providers, file attachments, and Ed25519 signatures. Works with any AI agent that can execute shell commands.
playground
Live CSS playground for tweaking element styles in real-time in the browser. Use when the user says 'open css playground', 'let me tweak styles', 'live edit CSS', 'try different styles', 'experiment with styles', or wants to visually iterate on CSS before committing to source code.
litestar-routing
Auto-activate for Controller classes, Router, route decorators, @get/@post/@put/@patch/@delete, route_handler, path params, app/domain modules, or DomainPlugin layout. Use when designing Litestar routes, handlers, Controller grouping, Router composition, or domain folders. Not for non-Litestar routing or frontend routers.
component-patterns
Per-component-type verification approaches. Use when generating verification scripts for different component types.
setup-design-system
Initialize the design system or create new UI components with accessibility, Tailwind/shadcn integration, and documentation. Use when setting up the initial design system, adding component categories, or creating complex UI components that need design review.
litestar-inertia
Auto-activate for litestar_vite.inertia, InertiaConfig, component= route handlers, @inertia, @inertiajs/react, @inertiajs/vue3, @inertiajs/svelte, createInertiaApp, useForm, usePage, Link, router, or resources/js/pages. Use when wiring Inertia.js with Litestar and litestar-vite for React, Vue, or Svelte server-driven SPAs. Not for JSON-API-only SPAs, HTMX apps, or non-Litestar backends.
team-shinchan:bigproject
Use when you have a large-scale, multi-phase project requiring orchestrated execution.
retro
Gera uma retrospectiva de sprint específica para o projeto e plano, revisando logs de sessão, feedback do usuário e comparando o planejado com o construído. Não faz generalizações entre projetos ou sugere lições, sendo usada após um sprint CONCLUÍDO ou solicitação explícita.
better-skill-builder
Crie arquivos SKILL.md para Claude Code, Codex, Amp, OpenCode. Inclui exemplos de produção e padrões para estrutura de skills, scripts, distribuição e como tornar ferramentas CLI nativas de IA.
pdlc-ui-design-pro
UI/UX 专业设计（PDLC 集成层，依赖 ui-ux-pro-max）
impact-analysis
Use when you need to analyze cascade impact of changing a component.