CtrlK
BlogDocsLog inGet started
Tessl Logo

figma-expert

Figma design expert for components, auto-layout, design systems, and developer handoff

52

Quality

57%

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 ./crates/openfang-skills/bundled/figma-expert/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 well-structured and self-contained with genuinely Figma-specific guidance, but it pads bullets with rationales Claude already knows and stays descriptive rather than providing executable procedures or a sequenced workflow. It works as a reference but underperforms on conciseness and actionability.

Suggestions

Trim explanatory rationales from each bullet (e.g. drop '; it ensures consistent spacing, responsive resizing...' and the Atomic Design definition) and keep only Figma-specific guidance Claude would not already know.

Add a minimal sequenced workflow with checkpoints for at least one fragile operation, e.g. building a component -> validating variant coverage -> publishing, so multi-step work has explicit validation.

For the Plugin API technique, include one short executable code snippet (e.g. a token-export or batch-rename snippet) instead of only naming the tasks, raising actionability.

DimensionReasoningScore

Conciseness

The body is mostly lean bullet points, but nearly every principle and pitfall carries an explanatory rationale clause (e.g. '; it ensures consistent spacing, responsive resizing, and alignment with how CSS flexbox renders', 'variables enable theming and mode switching', and an Atomic Design definition) that explains concepts Claude already knows; it could be tightened.

2 / 3

Actionability

Guidance names concrete Figma specifics (variant panel with Size sm/md/lg and State default/hover/disabled, packed/space-between alignment) but offers no executable code or complete step-by-step procedure — the Plugin API technique lists tasks (batch-renaming, palette generation, token export) without any code example, matching the 'some concrete guidance but incomplete' anchor.

2 / 3

Workflow Clarity

Content is well organized topically (Principles, Techniques, Patterns, Pitfalls) but presents no sequenced end-to-end workflow and no validation/verification checkpoints; this is a broad expertise skill rather than a single-task skill, so the simple-skill exception does not apply, placing it above the no-structure anchor but below the explicit-checkpoint anchor.

2 / 3

Progressive Disclosure

The skill is under 50 lines, self-contained with no bundle files and no external references, and uses well-organized sections (Key Principles, Techniques, Common Patterns, Pitfalls to Avoid), which per the scoring notes lets progressive disclosure score 3 on section organization alone.

3 / 3

Total

9

/

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 clearly Figma-niche and reasonably specific in topic coverage, but it reads as a role label rather than a list of concrete actions and entirely lacks a 'Use when...' trigger clause. Completeness and trigger guidance are the main weaknesses.

Suggestions

Rewrite as concrete actions, e.g. 'Builds and maintains Figma component libraries using auto-layout, variants, and design tokens; prepares developer handoff specs.'

Add an explicit trigger clause: 'Use when creating or editing Figma components, setting up auto-layout, building design systems/variables, or preparing design-to-dev handoff.'

Include natural variation terms users say ('Figma files', 'prototyping', 'design tokens', 'variables', 'Dev Mode') to broaden trigger coverage.

DimensionReasoningScore

Specificity

The description names the Figma domain and specific areas ('components, auto-layout, design systems, and developer handoff') but uses a role statement ('design expert for') rather than concrete action verbs, so it is not a comprehensive list of actions and not fully vague.

2 / 3

Completeness

It conveys a partial 'what' (a Figma expert for listed areas) but provides no 'when' guidance and no 'Use when...' clause, which per the guidelines caps completeness at 2.

2 / 3

Trigger Term Quality

It includes natural terms users would say ('Figma', 'components', 'auto-layout', 'design systems', 'developer handoff') but misses common variations such as 'Figma files', 'prototyping', or 'design tokens', matching the 'some relevant keywords but missing common variations' anchor.

2 / 3

Distinctiveness Conflict Risk

'Figma design expert' names a clear niche with Figma-specific terms that are unlikely to trigger for unrelated skills, matching the 'clear niche with distinct triggers' anchor; it is not generic enough for score 2.

3 / 3

Total

9

/

12

Passed

Validation

100%

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

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
RightNow-AI/openfang
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.