SKILLEMALL.ai
GitHub ↗ RU Sign in

BD figma-code-connect-components

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`.

warpdotdev/warp Claude Code author: warpdotdev AGPL-3.0 1 file body ≈ 4 080 tokens Open the sourcegithub.com↗ analyzed 6 d ago

Connects Figma design components to code components using Code Connect mapping tools.

As a process D 49/100 · Unfinished process — References files that are not bundled: ../figma-use/SKILL.md, ../figma-generate-design/SKILL.md, ../figma-implement-design/SKILL.md

ProcedureFigmaSoftware developmenttype and topics are labelled automatically from the skill text
Runs in: Claude / Claude Code ChatGPT / Codex Gemini CLI Cursor GitHub Copilot / VS Code Qwen Code Kimi Code CLI Z.ai (GLM) DeepSeek (Deep Code) Mistral Vibe LangChain (deepagents) OpenClaw Goose OpenCode
JSON
Technical rating
B
91/100
safety, quality, tests
Safety 60%
100
Quality 40%
77
Run on models
none yet
Process rating
D
49/100
Unfinished process
References files that are not bundled: ../figma-use/SKILL.md, ../figma-generate-design/SKILL.md, ../figma-implement-design/SKILL.md
Tools and files w 18
0
Result and completion w 14
0
Progress reporting w 2
0
the three weakest of ten parameters · all ten

How to improve

  1. The text references files that are not there: add them or drop the references.
For the model run — optional
  • Your own cases (evals/evals.json, 4–6 real requests with expected answers): the full check would then run those instead of a model-drafted suite.
  • A spec.yaml with trigger phrases and assertions — a behaviour contract for CI; `skilltest init` writes a template.

Guard findings · 0

✓ No critical or high findings

Files scanned: 1. Evidence is masked. Grey chips explain why severity was lowered.

Against the Agent Skills spec

  • warning missing-ref reference to a missing file: ../figma-use/SKILL.md
  • warning missing-ref reference to a missing file: ../figma-generate-design/SKILL.md
  • warning missing-ref reference to a missing file: ../figma-implement-design/SKILL.md
  • warning missing-ref reference to a missing file: path/to/component
  • warning missing-ref reference to a missing file: figmaUrl?node-id=X-Y
  • warning missing-ref reference to a missing file: path/to/another
  • warning missing-ref reference to a missing file: src/components/Button.tsx
  • warning missing-ref reference to a missing file: src/components/ProductCard.tsx
  • warning missing-ref reference to a missing file: src/components/Badge.tsx

Process rating: all ten parameters 49/100

Will not run. References files that are not bundled: ../figma-use/SKILL.md, ../figma-generate-design/SKILL.md, ../figma-implement-design/SKILL.md
  • 0Tools and files. 9 referenced file(s) missing: ../figma-use/SKILL.md, ../figma-generate-design/SKILL.md, ../figma-implement-design/SKILL.md
  • 0Result and completion. Does not say what the result is
  • 0Progress reporting. Says nothing while it works
  • 20When it triggers. No condition that starts the skill
  • 70Inputs and preconditions. Inputs and preconditions are listed
  • 70Execution cost. Instruction body is 4080 tokens
  • 85Steps. 105 steps, 3 vague phrases
  • 100Failures and branches. 3 branches, has a failure section
  • 100Consistency. Name and required fields are in place
  • 100Running it twice. Mutating operations check current state
  • high The skill tells the model to perform an irreversible action with no human approval

Everything here is measured from the skill text rather than judged by a model, so the numbers are checkable. A parameter weighs more when it is a more common reason for the process to stall.

Quality signals

  • +4Description does not say when NOT to use the skill (false activations)
  • +3Output format is not stated: the model decides each time
  • +1No license
  • +2Single-language instructions
  • +5Description quotes 5 example trigger phrases
  • +3Description length 364: enough signal without eating the budget
  • +4Structure: 32 headings
  • +3Step-by-step instructions: 105 items
  • +4Has examples (6 code blocks)

Quality base 70; lint remarks subtract, signals add up to 100. Result: 77.