Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

insane-design-build

Build a new site, deck, or card from scratch using a design.md brief (or synthesize one on the fly). Pairs with insane-design (analysis) and insane-apply. The build skill writes deterministic HTML+CSS into insane-build/{session}/variations/v{N}/ honoring §18 DON'T grep, AI-slop guards, and persona lock-in. Defaults to v1 × 1 (single variation) for token economy; v1/v2/v3 variations are opt-in only. Korean triggers: "빌드", "만들어줘", "새로 만들어", "처음부터", "랜딩 만들어줘", "덱 만들어줘", "카드뉴스 만들어줘", "insane-build". English triggers: "build", "scaffold", "from scratch", "make a landing", "make a deck", "make a card".

104 repo starsObserved in 1 repos

Design

sc-mermaid

Generate mermaid diagrams — flowcharts for architecture, sequence diagrams for interactions. This skill SHOULD be used when the user asks to "create a diagram", "draw an architecture diagram", "sequence diagram", "flowchart", "visualize the system", or "generate mermaid".

104 repo starsObserved in 1 repos

Design

storyboard-coaching-skill

分镜教练技能。审核用户创作的分镜、提供练习指导、给出专业反馈。

104 repo starsObserved in 1 repos

Design

design-branding

Skills para identidade visual, criação de materiais de vendas, decks executivos e assets B2B com briefing para designers. Use quando precisar criar, revisar ou orientar projetos de design, branding, apresentações e materiais visuais para o mercado brasileiro.

103 repo starsObserved in 1 repos

Design

design-de-pitch

Design e estrutura de pitch decks e apresentações executivas para captação e vendas

103 repo starsObserved in 1 repos

Design

epic-design

Construa sites interativos 2.5D imersivos e cinematográficos usando scroll storytelling, profundidade de paralaxe, animações de texto e efeitos de scroll premium — sem WebGL. Use esta skill para qualquer tarefa de design web: landing pages, sites de produto, seções hero, animações de scroll, paralaxe, seções sticky, sobreposições de seção, produtos flutuando entre seções, revelações clip-path, texto que voa das laterais, palavras que acendem no scroll, quedas de cortina, aberturas de íris, stacks de cards, tipografia bleeding, e qualquer site que deva parecer cinematográfico ou premium. Acione com frases como "fazer parecer vivo", "animação estilo Apple", "seções que se sobrepõem", "produto sobe entre seções", "imersivo", "scrollytelling", ou qualquer efeito visual orientado ao scroll. Cobre 45+ técnicas em 8 categorias. Sempre inspeciona, julga e planeja assets antes de codificar. Use agressivamente para QUALQUER tarefa de design web.

103 repo starsObserved in 1 repos

Design

feedback-de-design

Feedback estruturado e direção em projetos de UI/UX, protótipos e interfaces

103 repo starsObserved in 1 repos

Design

identidade-visual

Criação de identidade visual e brand guidelines completos para marcas brasileiras

103 repo starsObserved in 1 repos

Design

moodboard

Criação de moodboards textuais e referências visuais para produções criativas

103 repo starsObserved in 1 repos

Design

omk-stitch

Google Stitch design-to-code workflow with design system management. Trigger when user mentions Stitch, design-to-code, UI design, visual comparison, design.md, design system, ShadCN conversion, redesign from screenshot, or wants to pull designs from Stitch into local code. Also trigger when user says '做个页面', 'build a landing page', '用 Stitch 设计', 'convert design', 'export from Stitch', '设计系统', or uploads wireframes/screenshots for UI generation.

103 repo starsObserved in 1 repos

Design