CtrlK
BlogDocsLog inGet started
Tessl Logo

figma-generate-library

Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.

56

Quality

64%

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-library/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

72%

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

The body is a well-organized, token-efficient pointer to an upstream bundle with clear navigation, but it is light on actionable instruction: the actual install/run steps are deferred to an external README without concrete commands.

Suggestions

Add a concrete, executable install step (e.g., a `git clone` or skills-directory copy command) instead of deferring entirely to 'Inspect the upstream README for exact paths'.

Replace the non-agent-actionable `open https://...` command with a step that actually advances the task (e.g., `gh repo clone figma/skills` or a curl of the README).

Spell out the expected outcome of each step (where the bundle lands, how to confirm it is installed) so the workflow has explicit checkpoints.

DimensionReasoningScore

Conciseness

The ~25-line body is lean, assumes Claude's competence, and avoids explaining concepts Claude already knows; every section earns its place, matching the 'lean and efficient' anchor.

3 / 3

Actionability

It offers some concrete guidance (a bash command and a named-invocation instruction) but the core action — "install the upstream bundle into your active agent's skills directory" — has no executable command, and the only code (`open https://...`) merely opens a browser, so key details are missing.

2 / 3

Workflow Clarity

A sequence is implied (inspect upstream README → install bundle → invoke by name) but the install step is vague with no concrete mechanism, fitting 'sequence present but checkpoints missing or implicit' rather than a fully clear workflow.

2 / 3

Progressive Disclosure

For a catalogue/pointer skill the body is a clean overview with clearly signaled sections (What it does, Source, How to use) and a single one-level-deep reference to the upstream repository, providing easy navigation to the detailed materials.

3 / 3

Total

10

/

12

Passed

Description

57%

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 clear and distinct but underspecified: it conveys the niche and broad actions without enumerating concrete capabilities or providing an explicit 'Use when' trigger, which limits its trigger and completeness scores.

Suggestions

Add an explicit 'Use when...' clause listing concrete triggering situations (e.g., "Use when syncing Figma components with a codebase, generating a design system library, or updating component styles").

Expand the action list beyond 'Build or update' to specific operations like 'generate component styles, map code props to Figma variants, publish library variables'.

Include more natural trigger variations users would say, such as 'design tokens', 'component library', and 'sync Figma with code'.

DimensionReasoningScore

Specificity

It names the domain ("design system library in Figma") and the actions "Build or update" plus keeping the source of truth "in sync", but stops short of listing multiple concrete operations, so it lands at the 'names domain and some actions' anchor rather than a comprehensive action list.

2 / 3

Completeness

It states what the skill does clearly but only implies when to use it via "Useful for keeping..." with no explicit 'Use when...' clause, which per the guidelines caps completeness at 2.

2 / 3

Trigger Term Quality

"Figma" and "design system library" are relevant terms a user might say, but coverage is thin and lacks common variations (e.g. "design tokens", "component library", "sync"), matching the 'some relevant keywords but missing common variations' anchor.

2 / 3

Distinctiveness Conflict Risk

"Build or update a professional-grade design system library in Figma from a codebase" carves out a clear niche tied to Figma design systems from code, making it unlikely to trigger for unrelated skills.

3 / 3

Total

9

/

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.