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.

74

Quality

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Advisory

Suggest reviewing before use

SKILL.md
Quality
Evals
Security

Quality

Content

85%

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

A highly actionable, well-sequenced skill body with concrete API calls, complete templates, and a real validation step, supported by appropriately split one-level references. Its main weakness is repetition of the INSTANCE_SWAP/SLOT guidance and snippet patterns across several sections, which inflates length.

Suggestions

Consolidate the INSTANCE_SWAP vs SLOT guidance (currently repeated in Step 3, the Step 5 mapping table, the descendant-layers table, and Rules #4/#5/#7) into one authoritative section and cross-reference it.

Dedupe the icon executeTemplate snippet pattern, which appears nearly verbatim in the INSTANCE_SWAP, nested-configurable-instances, nested-component-example, and Rules #7 sections.

Consider moving the Inline Quick Reference signature tables fully into references/api.md and keeping only a pointer, since they overlap with the API reference.

DimensionReasoningScore

Conciseness

Most content is genuinely non-obvious Figma Code Connect API detail that earns its place, but the INSTANCE_SWAP/SLOT distinction and the icon/executeTemplate snippet pattern are repeated across Step 3, the Step 5 tables, the descendant-layers table, and Rules and Pitfalls #4/#5/#7, so it could be tightened.

2 / 3

Actionability

Provides exact MCP tool calls with named parameters, complete copy-paste template structures, concrete method signatures, and a full end-to-end worked example — fully executable rather than pseudocode.

3 / 3

Workflow Clarity

A clear six-step sequence (parse URL → discover → fetch properties → identify component → create template → validate) with an explicit Step 6 validation checklist, error-response branches in Step 2 that stop the workflow, and a user-confirmation checkpoint in Step 4.

3 / 3

Progressive Disclosure

Core workflow lives inline while advanced nesting and the full API are deferred to real one-level-deep references (references/api.md, references/advanced-patterns.md), clearly signaled in an Additional Reference section and at point of need.

3 / 3

Total

11

/

12

Passed

Description

100%

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 states concrete capabilities and gives explicit, natural trigger terms covering both conversational mentions and file-extension requests. It clearly answers what and when with no vague fluff.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'Creates and maintains Figma Code Connect template files that map Figma components to code snippets' — naming the domain, the artifact, and the mapping action, matching the multiple-specific-actions anchor.

3 / 3

Completeness

Explicitly answers both what (create/maintain template files mapping components to code) and when (a clear 'Use when...' clause with explicit triggers), matching the top anchor.

3 / 3

Trigger Term Quality

The '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' clause covers natural terms a user would say, including file extensions.

3 / 3

Distinctiveness Conflict Risk

The Figma Code Connect niche is specific with distinct, file-extension-bearing triggers unlikely to fire for unrelated skills.

3 / 3

Total

12

/

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

skill_md_line_count

SKILL.md is long (528 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.