CtrlK
BlogDocsLog inGet started
Tessl Logo

figma-generate-design

Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.

55

Quality

62%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/figma-generate-design/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is concise and well-structured as a catalogue pointer, but it is not actionable: it defers the real workflow to an external upstream README that is not bundled, offering only a URL-open command.

Suggestions

Provide concrete install/invocation steps (e.g., exact clone path and target skills directory) instead of deferring entirely to the upstream README.

Include a minimal inline example of the code-to-Figma workflow or a direct link to the specific upstream reference file so the skill is usable without external lookup.

Add a short verification step confirming the skill is installed and invokable before directing the agent to trigger it.

DimensionReasoningScore

Conciseness

The body is lean and sectioned ('What it does', 'Source', 'How to use') with no padding of concepts Claude already knows, so every token earns its place rather than the score-2 mildly-padded anchor.

3 / 3

Actionability

The only concrete command is `open https://github.com/figma/skills`, and the actual task is deferred to an absent upstream README ('Inspect the upstream README for exact paths'), leaving no executable guidance for the skill's purpose; it does not reach 2 because no concrete task steps are provided.

1 / 3

Workflow Clarity

A loose sequence exists (inspect README, install bundle, invoke by name/triggers) but the critical 'install the upstream bundle' step is unspecified, so it sits above the no-sequence anchor yet below the explicit-checkpoint anchor.

2 / 3

Progressive Disclosure

With no bundle files present and the body under 50 lines, the well-organized sections plus a single clearly-signaled upstream reference satisfy the simple-skill anchor; it is not a 2 because content is appropriately split and navigable.

3 / 3

Total

9

/

12

Passed

Description

67%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is specific and distinct, naming concrete Figma design-generation actions, but it omits explicit 'when to use' trigger guidance, which caps its completeness and limits trigger-term breadth.

Suggestions

Add an explicit 'Use when ...' clause naming natural trigger phrases (e.g., 'Use when converting code or app pages into Figma designs, or when generating Figma screens from a description').

Broaden trigger-term coverage with common user phrasings like 'code to Figma', 'Figma from code', or 'generate Figma screens' directly in the description.

DimensionReasoningScore

Specificity

Names multiple concrete actions — 'Build or update screens in Figma from code or description' and 'Translate app pages into Figma using design tokens' — matching the multiple-specific-actions anchor, rather than the score-2 single-domain phrasing.

3 / 3

Completeness

Clearly states what the skill does but omits any explicit 'Use when...' trigger clause, which the guidelines cap at 2; it is above 1 because the 'what' is concretely stated.

2 / 3

Trigger Term Quality

Contains relevant natural terms ('Figma', 'screens', 'code', 'design tokens') but lacks common variations and breadth seen in the score-3 example, and is not below it because it does provide several real keywords rather than jargon-only language.

2 / 3

Distinctiveness Conflict Risk

The Figma + design-system + code/description-to-Figma niche is distinct and unlikely to trigger for unrelated skills, matching the clear-niche anchor; it is not a 2 because the scope is tightly bounded to a specific tool and workflow.

3 / 3

Total

10

/

12

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository
nexu-io/open-design
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.