Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
ContentMédio

Create Design System Rules

porfigma·figma· v1.0.0 · atualizado em 2026-04-10
83
Score

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.

design-systemfigmacode-generationdesign-rulesfigma-to-codeui-development
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdcreate-design-system-rules/workflow
1. Run the `create_design_system_rules` tool with the appropriate `clientLanguages` and `clientFrameworks` parameters.
2. Analyze the project's codebase to understand existing component organization, styling approaches, and architectural decisions.
3. Generate project-specific design system rules, including general component rules, styling rules, Figma MCP integration rules, asset handling rules, and project-specific conventions.
4. Save the generated rules to a `CLAUDE.md` file in the project root.
5. Test the rules by implementing a simple Figma component and verifying that Claude follows the rules correctly.
6. Refine the rules based on testing and feedback, and update them as the project evolves.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aImplement Design
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar aApp Store Screenshots Generator
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
78
Similar aMarp Slide Creator
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
77

Árvore do Skill

Create Design System Rules
create-design-system-rules
Fases Cognitivas6
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.RECOMMEND
5.ACT
6.REFLECT
Triggers8
create design system rulesgenerate rules for my projectset up design rulescustomize design system guidelinesestablish project-specific conventions for Figma-to-code workflowsdefine design system rulescreate figma guidelinesset up figma rules

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 create-design-system-rules
$ synaptic skills detail create-design-system-rules
$ synaptic skills live create-design-system-rules

Links

GitHub Repository