Communitygithub.com

OkminLee/claude-design-mode

Plugin para Claude Code voltado à criação de artefatos de design em HTML/JSX com pré-visualização, verificador, pontos de partida, ajustes e sub-habilidades.

O que é claude-design-mode?

O OkminLee/claude-design-mode é um plugin para o Claude Code que capacita o agente a criar artefatos de design — como componentes HTML e JSX — de forma interativa e verificada. Ele oferece uma gama de funcionalidades que vão desde a geração rápida de protótipos com modelos prontos (starters), até a aplicação de ajustes finos (Tweaks) e verificação automática da qualidade do código gerado. A habilidade é especialmente útil para desenvolvedores front-end e designers que trabalham com Claude Code, pois reduz o ciclo de iteração entre ideia e implementação visual. O plugin funciona integrando-se ao fluxo de conversação do Claude, gerando artefatos que podem ser pré-visualizados imediatamente, e conta com sub-habilidades especializadas para cenários comuns, como criação de cards, formulários, navegações e layouts responsivos. Dessa forma, o agente se torna um assistente de design mais completo, capaz de produzir resultados consistentes e prontos para uso em projetos reais.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add OkminLee/claude-design-mode

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que claude-design-mode faz?

Plugin para Claude Code voltado à criação de artefatos de design em HTML/JSX com pré-visualização, verificador, pontos de partida, ajustes e sub-habilidades.

Habilidades Relacionadas