Design Style

O que faz

Você pede uma landing page, dashboard ou componente — e essa skill puxa automaticamente um prompt de design system específico (Neo-brutalism, Modern Dark, Luxury, Cyberpunk, Material, e mais) pra que o Claude produza UI distinta de verdade, em vez do "Tailwind genérico" de sempre.

Funciona pra qualquer framework: React, Vue, Next.js, Svelte, vanilla. Tem 30+ prompts de design prontos.

Quando usar

- Construindo landing page, app web, dashboard, portfólio - Criando componente de UI (botão, form, card, navbar, modal) - Você pediu "moderno", "bonito", "profissional" — e veio coisa genérica - Quer aplicar estética específica (brutalist, dark, minimalista)

Dispara automaticamente em qualquer trabalho de frontend, mesmo sem você mencionar "design".

Como instalar

unzip design-style.zip -d ~/.claude/skills/