varunk130 Code Connect Components
Workflow: get_code_connect_suggestions (find unmapped components) -> scan codebase for matches -> present to user -> send_code_connect_mappings (batch create). Requires published components on Organization/Enterprise plans.
Code Connect Components
Connects Figma design components to code components using Code Connect. Use when user says "code connect", "connect Figma to code", or wants to map design components to code implementations.
Code Connect Components by varunk130 · 7cacd59
npx skillmds@latest add varunk130/code-connect-components File contents
---name: code-connect-componentsdescription: Connects Figma design components to code components using Code Connect. Use when user says "code connect", "connect Figma to code", or wants to map design components to code implementations.---# Code Connect ComponentsWorkflow: get_code_connect_suggestions (find unmapped components) -> scan codebase for matches -> present to user -> send_code_connect_mappings (batch create). Requires published components on Organization/Enterprise plans.
varunk130/claude-code-skills/tree/main/plugin-skills/figma/code-connect-components commit 7cacd59b23
Frequently asked questions
Run npx skillmds@latest add varunk130/code-connect-components in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Connects Figma design components to code components using Code Connect. Use when user says "code connect", "connect Figma to code", or wants to map design components to code implementations. It is listed under Design & Media on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
varunk130 (@varunk130) published this skill. Their other Agent Skills are listed on their SkillMD profile.