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

Code Connect Components

poropenai·openai· v1.0.0 · atualizado em 2026-04-10
83
Score

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.

figmacode-connectcomponent-mappingdesign-to-codeui-developmentdesign-system
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdfigma-code-connect-components/workflow
1
Get Code Connect Suggestions: — Call `get_code_connect_suggestions` with the Figma file key and node ID (or using the Figma desktop MCP). Handle the response to identify unmapped components.
2
Scan Codebase: — Search the codebase for matching code components based on name, structure, and properties.
3
Present Matches: — Display the suggested matches to the user, highlighting the similarities and differences.
4
User Confirmation: — Allow the user to accept, reject, or modify the suggested mappings.
5
Send Mappings: — Call `send_code_connect_mappings` to establish the connections in Figma.

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

Compõe comCreate Design System Rules
85%
Hebbian Synapse
Composite0.850
w = 0.3·α + 0.5·β + 0.2·γ
84
Compõe comcreate_new_file — Create a New Figma File
85%
Hebbian Synapse
Composite0.850
w = 0.3·α + 0.5·β + 0.2·γ
79
Compõe comBuild / Update Screens from Design System
85%
Hebbian Synapse
Composite0.850
w = 0.3·α + 0.5·β + 0.2·γ
84
Compõe comDesign System Builder — Figma MCP Skill
85%
Hebbian Synapse
Composite0.850
w = 0.3·α + 0.5·β + 0.2·γ
79
Compõe comImplement Design
85%
Hebbian Synapse
Composite0.850
w = 0.3·α + 0.5·β + 0.2·γ
84
Compõe comuse_figma — Figma Plugin API Skill
85%
Hebbian Synapse
Composite0.850
w = 0.3·α + 0.5·β + 0.2·γ
82
Compõe com ←Build / Update Screens from Design System
70%
Hebbian Synapse
Composite0.700
w = 0.3·α + 0.5·β + 0.2·γ
84
Compõe com ←Implement Design
70%
Hebbian Synapse
Composite0.700
w = 0.3·α + 0.5·β + 0.2·γ
84
Compõe com ←Figma MCP
85%
Hebbian Synapse
Composite0.850
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aPPTX Skill
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
84
Similar aReact Composition Patterns
40%
Hebbian Synapse
Composite0.400
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←Create Design System Rules
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
84
Similar a ←create_new_file — Create a New Figma File
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Co-executedCreate Design System Rules
47%
Hebbian Synapse
Composite0.467
w = 0.3·α + 0.5·β + 0.2·γ
84
Co-executedcreate_new_file — Create a New Figma File
51%
Hebbian Synapse
Composite0.506
w = 0.3·α + 0.5·β + 0.2·γ
79
Co-executedBuild / Update Screens from Design System
48%
Hebbian Synapse
Composite0.482
w = 0.3·α + 0.5·β + 0.2·γ
84
Co-executedDesign System Builder — Figma MCP Skill
49%
Hebbian Synapse
Composite0.488
w = 0.3·α + 0.5·β + 0.2·γ
79
Co-executedImplement Design
48%
Hebbian Synapse
Composite0.478
w = 0.3·α + 0.5·β + 0.2·γ
84
Co-executeduse_figma — Figma Plugin API Skill
50%
Hebbian Synapse
Composite0.504
w = 0.3·α + 0.5·β + 0.2·γ
82
Co-executed ←Figma MCP
48%
Hebbian Synapse
Composite0.482
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

Code Connect Components
figma-code-connect-components
Fases Cognitivas6
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.EVALUATE
5.RECOMMEND
6.ACT
Triggers8
code connectconnect this component to codemap this componentlink component to codecreate code connect mappingestablish mappings between Figma designs and code implementationsconnect figma component to codemap design component

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança49%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download figma-code-connect-components
$ synaptic skills detail figma-code-connect-components
$ synaptic skills live figma-code-connect-components

Links

GitHub Repository