CtrlK
BlogDocsLog inGet started
Tessl Logo

figma-code-connect

Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files.

73

Quality

91%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

88%Weight 40%Scale 1-5

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

A well-structured, highly actionable skill body with an explicit sequenced workflow and a validation checkpoint, plus correctly split one-level-deep references. The main weakness is deliberate but repeated reinforcement of the same anti-drift warnings, which inflates token usage.

Suggestions

Consolidate the .figma.ts-vs-.figma.tsx and INSTANCE_SWAP/SLOT warnings into a single authoritative callout, then reference it from other steps instead of restating them verbatim in Overview, Step 5, Step 6, and Rules.

Trim the inline Quick Reference method table to only the methods used in the core workflow, deferring the full signature table to api.md to reduce overlap with the referenced file.

In Rules and Pitfalls, two items are both numbered 7; renumber so the list is unambiguous.

DimensionReasoningScore

Conciseness

Largely lean with executable code and direct instruction assuming Claude's competence, but the .figma.ts-vs-.figma.tsx warning and the INSTANCE_SWAP/SLOT distinction are restated several times across Overview, Step 5, Step 6, and Rules, adding repeat tokens.

4 / 5

Actionability

Provides copy-paste-ready templates with concrete instance API calls, property-mapping tables, and a complete worked example from URL to finished file, covering the common cases fully.

5 / 5

Workflow Clarity

A clearly sequenced six-step process culminating in an explicit Step 6 Validate checklist with feedback loops (discard and rewrite wrong format, flag missing properties and ask the user), satisfying the validation requirement for an artifact-producing skill.

5 / 5

Progressive Disclosure

Core workflow lives in SKILL.md while bulk API detail and advanced nesting are split one level deep into real, clearly signaled reference files (api.md, advanced-patterns.md); however a sizable inline Quick Reference table and API method detail overlap content that also lives in the referenced files, leaving minor organization redundancy.

4 / 5

Total

18

/

20

Passed

Description

95%Weight 40%Scale 1-5

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

A strong, third-person description that clearly states capability and provides explicit, specific use-when triggers including file extensions. It is concise and free of vague fluff, with only a small specificity gap around URL parsing.

DimensionReasoningScore

Specificity

Names the domain and several concrete actions ('Creates and maintains Figma Code Connect template files that map Figma components to code snippets'), with only minor coverage gaps such as not mentioning the parsing/validation of Figma URLs.

4 / 5

Completeness

Explicitly answers both 'what' (creates/maintains template files mapping Figma components to code snippets) and 'when' via a concrete 'Use when...' clause listing specific triggers, matching the top anchor exactly.

5 / 5

Trigger Term Quality

Comprehensive natural trigger coverage including 'Code Connect', 'Figma component mapping', 'design-to-code translation', and the concrete file extensions '.figma.ts or .figma.js', matching the anchor for full keyword + extension coverage.

5 / 5

Distinctiveness Conflict Risk

Targets a clear niche (Figma Code Connect templates, .figma.ts/.figma.js files) with distinct, specialized triggers unlikely to fire for unrelated skills.

5 / 5

Total

19

/

20

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

skill_md_line_count

SKILL.md is long (529 lines); consider splitting into references/ and linking

Warning

Total

15

/

16

Passed

Repository
figma/mcp-server-guide
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.