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

92%

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

85%

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

A thorough, highly actionable skill body with excellent workflow sequencing, validation checkpoints, and well-structured progressive disclosure into two real reference files. The main weakness is repetition of the icon/instance-swap example and some duplication between inline guidance and the quick-reference table.

Suggestions

Consolidate the repeated getInstanceSwap/findInstance + executeTemplate icon pattern into a single canonical example and reference it from Steps 5, the nested sections, and Rules #4/#7 rather than restating it each time.

Remove or trim the Inline Quick Reference signature tables that duplicate the method signatures already demonstrated inline, or conversely drop the inline examples and keep only the tables.

The conditional-props example (variant + disabled Button) appears in both 'Conditional props' and the worked example; keep one and cross-reference to reduce token cost.

DimensionReasoningScore

Conciseness

Mostly efficient and Figma-specific, but the icon getInstanceSwap/findInstance pattern is repeated across Step 5, 'Nested configurable instances', 'Nested component example', Rules #4/#7, and the worked example, and the Inline Quick Reference restates signatures already shown inline.

2 / 3

Actionability

Provides fully executable code, concrete MCP tool calls with named parameters, method-signature tables, and a complete end-to-end worked example that is copy-paste ready.

3 / 3

Workflow Clarity

A clearly sequenced 6-step process with explicit response-state handling (empty/already-mapped/multiple), a user-confirmation checkpoint in Step 4, and a Step 6 read-back validation checklist covering property coverage, typing, and hardcoded-child checks.

3 / 3

Progressive Disclosure

SKILL.md is an overview+workflow that points one level deep to real, clearly-signaled files — references/api.md and references/advanced-patterns.md (both present on disk) — keeping the API reference and advanced nesting out of the main body.

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, specific description that states concrete capabilities, includes a well-formed 'Use when...' trigger clause, and stays in third person. It clearly distinguishes the skill from generic Figma or code-generation skills.

DimensionReasoningScore

Specificity

Names multiple concrete actions — 'Creates and maintains', 'map Figma components to code snippets' — and specific file types, rather than vague language.

3 / 3

Completeness

Explicitly answers both what (creates/maintains template files mapping components to snippets) and when ('Use when the user mentions Code Connect, Figma component mapping...'), with third-person voice.

3 / 3

Trigger Term Quality

Covers natural terms users would say — 'Code Connect', 'Figma component mapping', 'design-to-code translation', '.figma.ts or .figma.js files'.

3 / 3

Distinctiveness Conflict Risk

Targets a clear niche (Figma Code Connect) with distinct triggers and file extensions, making it 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
openai/plugins
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.