SKILLEMALL.ai
GitHub ↗ RU Sign in

CD figma-generate-design

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.

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

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma.

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

GeneratorFigmaDesigntype 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
C
89/100
safety, quality, tests
Safety 60%
100
Quality 40%
72
Run on models
none yet
Process rating
D
49/100
Unfinished process
References files that are not bundled: ../figma-use/SKILL.md, ../figma-implement-design/SKILL.md, ../figma-code-connect-components/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-implement-design/SKILL.md
  • warning missing-ref reference to a missing file: ../figma-code-connect-components/SKILL.md
  • warning missing-ref reference to a missing file: ../figma-use/references/variable-patterns.md
  • warning missing-ref reference to a missing file: ../figma-use/references/text-style-patterns.md
  • warning missing-ref reference to a missing file: ../figma-use/references/effect-style-patterns.md
  • warning missing-ref reference to a missing file: ../figma-use/references/component-patterns.md
  • warning missing-ref reference to a missing file: ../figma-use/references/component-patterns.md
  • warning missing-ref reference to a missing file: ../figma-use/references/gotchas.md
  • warning missing-ref reference to a missing file: ../figma-use/SKILL.md
  • note edit-residue the text marks something as outdated (lines 288): check that old rules are not kept next to new ones — the full check reads the text for contradictions

Process rating: all ten parameters 49/100

Will not run. References files that are not bundled: ../figma-use/SKILL.md, ../figma-implement-design/SKILL.md, ../figma-code-connect-components/SKILL.md
  • 0Tools and files. 10 referenced file(s) missing: ../figma-use/SKILL.md, ../figma-implement-design/SKILL.md, ../figma-code-connect-components/SKILL.md
  • 0Result and completion. Does not say what the result is
  • 0Progress reporting. Says nothing while it works
  • 30Running it twice. 18 mutating operations with no state check
  • 60Steps. 53 steps, 11 vague phrases
  • 70When it triggers. States when to use, but not when not to
  • 70Inputs and preconditions. Inputs and preconditions are listed
  • 70Execution cost. Instruction body is 4839 tokens
  • 100Failures and branches. 4 branches, has a failure section
  • 100Consistency. Name and required fields are in place
  • medium Safety rules and hard prohibitions inside a skill: they belong in the system prompt, here they protect nothing
  • 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

  • +5Description has no quoted example phrases that should trigger the skill
  • +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
  • +3Description length 703: enough signal without eating the budget
  • +4Structure: 20 headings
  • +3Step-by-step instructions: 53 items
  • +4Has examples (8 code blocks)

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