DevelopmentMédio

Stitch Design Taste — Semantic Design System Skill

porleonxlnx·leonxlnx· v1.0.0 · atualizado em 2026-04-10

Score

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

design-systemui-designsemantic-designgoogle-stitchfrontend-developmentdesign-automation

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdstitch-design-taste/workflow

# Workflow

1. Define the visual atmosphere (mood, density, variance, motion).

2. Map the color palette (neutrals, accents, roles, constraints).

3. Establish typography rules (font stacks, scale, anti-patterns).

4. Define the Hero section (creative, striking, asymmetric).

5. Describe component stylings (buttons, cards, inputs, loading states).

6. Define layout principles (grid, spacing, responsive strategy).

7. Encode motion philosophy (spring physics, micro-interactions).

8. List anti-patterns (AI tells, banned elements).

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

40%

Similar ateach-impeccable

60%

Similar acritique

60%

Árvore do Skill

Stitch Design Taste — Semantic Design System Skill

stitch-design-taste

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.RECOMMEND

5.ACT

Triggers6

generate a design.md file for Google Stitchcreate a semantic design system for Stitchapply anti-generic UI standards to Stitchgenerate a design file with specific typography and color rules for Stitchcreate a design system that avoids common AI design cliches for Stitchgenerate a DESIGN.md file with a curated design language for Stitch

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download stitch-design-taste

$ synaptic skills detail stitch-design-taste

$ synaptic skills live stitch-design-taste

Links

GitHub Repository