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.
design-language
Capture and enforce a product's visual design language — principles and patterns that make it feel like itself. Use when the user wants to: distill design inspiration into a durable reference ("capture this design from figma", "distill this screenshot", "extract our design language", "capture design direction"), or check an implementation against the product's design language ("review design fidel
wp-ux-design
Foco na aplicação de UX e design para WordPress, abordando Core Web Vitals, layout mobile-first, tipografia, sistemas de cores, navegação, padrões de construtores de página, otimização de imagens, UX de formulários, estados de carregamento e erro, UX de administração e checklists de performance. Inclui exemplos concretos em CSS/HTML/PHP.
org-genome-builder
Build and save a structured organizational genome — 7 markdown files across identity, decision architecture, and quality standards directories in $HOME/.ai-first-kit/ — that encodes values as decision rules, quality standards as pass/fail criteria, and communication norms. Conducts an 11-question Socratic interview to extract implicit organizational knowledge. Use when the user says 'build our org
docker-setup
Generates Dockerfile, docker-compose.yml, and .dockerignore for the project. Auto-detects the stack and creates optimized multi-stage builds with caching, health checks, and dev/prod configurations.
agent-builder
Generate role-specific agent system prompts, tool permissions, and self-review checklists from organizational design artifacts — saved to $HOME/.ai-first-kit/ with optional framework-specific configuration for Claude Code, OpenAI Agents SDK, Anthropic Agent SDK, CrewAI, or custom frameworks. Reads the organizational genome, governance, gates, and role definitions to produce agent configurations th
frontend-styler
Frontend styling: layout debugging, style consistency, CSS best practices for Svelte/SvelteKit.
swarm-swarm
Self-claiming pool orchestration. Workers race to claim tasks from a shared pool, loop until the pool is empty.
mies
Use esta skill para decisões de design em interfaces voltadas para o usuário, superfícies de marca, UIs de produto ou sistemas visuais, aplicando a contenção inspirada em Mies van der Rohe e um design anti-genérico. Não é para trabalho exclusivo de backend.
eliza
elizaOS multi-agent AI framework — character files, plugin system, platform connectors, trust scoring, RAG knowledge, and Solana wallet integration. Use when building autonomous AI agents with personality, multi-platform presence, or onchain capabilities.
salgadoia-web-design-engineer-pro
Skill ponta a ponta para construir sites e landing pages profissionais com Next.js 16, React 19, Tailwind CSS v4, shadcn/ui e Framer Motion. Permite que usuários sem conhecimentos técnicos pré-visualizem estilos no navegador antes de escolher e completem a página do início ao fim (intake, brief, design, build, QA, deploy).
merge-and-release
Reference document describing merge prerequisites (approval, CI checks, mergeable, conversations resolved, stale approval), release versioning (semantic semver), and changelog generation. Explains why Tier 3 confirmation is structural: merge and release cost is borne by downstream people. Reference only (`disable-model-invocation: true`); consumed by `/flow:merge` and `/flow:release`.
cds-quick
Run a quick one-shot task using a fast model (Haiku). Single-dispatch, no multi-turn. For complex work, use Claude Code normally instead.