CtrlK
BlogDocsLog inGet started
Tessl Logo

figma-create-design-system-rules

Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.

49

Quality

53%

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-create-design-system-rules/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.

This is a lean, well-structured catalogue/pointer entry whose body is appropriately organized and points one level deep to an upstream repo, but it offers only incomplete executable guidance because the actual install and workflow steps are deferred to the external README.

Suggestions

Provide a concrete install command (or the exact skills-directory path) instead of telling the user to 'inspect the upstream README for exact paths'.

Remove or compress the 'What it does' section since it duplicates the frontmatter description verbatim.

Add a brief verification step confirming the skill is installed and invokable before directing the user to run it.

DimensionReasoningScore

Conciseness

The body is short and avoids explaining concepts Claude already knows, but the 'What it does' section restates the description verbatim and the 'How to use' prose could be tightened.

2 / 3

Actionability

It gives some concrete guidance ('invoke this skill by name', 'one of the trigger phrases') and one command, but the core install step is abstract ('install the upstream bundle into your active agent's skills directory') and defers exact paths to the upstream README, so key details are missing.

2 / 3

Workflow Clarity

A loose two-step sequence is present (install upstream bundle, then invoke by name/triggers), but the first step is underspecified and deferred to the upstream README, so the sequence is not fully concrete.

2 / 3

Progressive Disclosure

The entry is under 50 lines with clearly organized sections (What it does, Source, How to use) and a single well-signaled one-level-deep external reference (the upstream repo URL), with no nested reference problem.

3 / 3

Total

9

/

12

Passed

Description

50%

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 clearly states a specific niche and what it produces, but relies on a separate triggers field rather than embedding explicit 'Use when...' guidance, leaving completeness and trigger-term coverage at the mid level.

Suggestions

Add an explicit 'Use when...' clause to the description naming natural trigger phrases (e.g., 'Use when generating Figma-to-code rules, design tokens, or lint rules from a Figma file').

Expand the action list from the single 'Generate' verb to concrete sub-actions (extract tokens, derive naming conventions, emit lint rules) to reach anchor-3 specificity.

Surface a few common user phrasings ('figma tokens', 'design system rules') directly in the description text to improve trigger-term coverage.

DimensionReasoningScore

Specificity

It names the domain ('Figma-to-code workflows') and some actions ('Generate project-specific design system rules', 'capturing tokens, naming, and lint rules'), but does not list multiple distinct concrete actions at the anchor-3 level.

2 / 3

Completeness

The 'what' is stated, but 'when' is only weakly implied via 'Useful for...'; there is no explicit 'Use when...' clause, so per the guideline completeness caps at 2.

2 / 3

Trigger Term Quality

Relevant natural keywords appear ('design system rules', 'Figma-to-code', 'tokens'), but coverage of common variations a user would say is incomplete and no explicit trigger list lives inside the description field itself.

2 / 3

Distinctiveness Conflict Risk

The Figma-to-code design-system niche is fairly specific, but without explicit trigger phrasing in the description it could still overlap with general design-system skills.

2 / 3

Total

8

/

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.