Communitygithub.com

blox4859/stitchflow

Transforme briefings de produto em diretrizes de UI, HTML pronto para Tailwind e capturas de tela para acelerar o trabalho de design front-end.

O que é stitchflow?

Este skill automatiza a conversão de briefings de produto (descrições textuais de requisitos de interface) em direções de UI estruturadas, HTML estilizado com Tailwind CSS e screenshots para visualização rápida. É ideal para designers e desenvolvedores front-end que desejam prototipar ou gerar componentes visuais a partir de especificações escritas, eliminando o vai-e-vem entre documentação e código. Suporta plataformas como Claude Code ou qualquer assistente de IA para desenvolvimento, gerando snippets prontos para uso em projetos reais. O processo funciona analisando o briefing, extraindo requisitos visuais e produzindo código HTML responsivo com classes Tailwind, além de uma captura de tela para validar o resultado visual antes da implementação final.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add blox4859/stitchflow

Perguntar na sua IA favorita

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

Documentação

O que stitchflow faz?

Transforme briefings de produto em diretrizes de UI, HTML pronto para Tailwind e capturas de tela para acelerar o trabalho de design front-end.

Habilidades Relacionadas