CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

figma-swiftui

SwiftUI ↔ Figma translation. Use whenever the user mentions Swift, SwiftUI, iOS, iPhone, or iPad — in EITHER direction — translating a Figma design into SwiftUI (design → code), or pushing SwiftUI views / screens / tokens back into a Figma file (code → design). Triggers on phrases like 'implement this Figma design in SwiftUI', 'build this screen in Swift', 'push this SwiftUI view to Figma', 'mirror my Swift code in a Figma file', or whenever a Figma URL appears alongside `.swift` files / an `.xcodeproj`. Routes to a direction-specific reference doc; loads alongside `figma-use` for the code → design path.

77

Quality

97%

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

SKILL.md
Quality
Evals
Security

Quality

Content

100%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.

An exemplary router SKILL.md: lean shared context full of exact tool specifics, an unambiguous direction-picking workflow with an explicit ambiguity checkpoint, and well-signaled one-level-deep references that check out against the actual bundle.

DimensionReasoningScore

Conciseness

A ~30-line router containing exclusively non-obvious knowledge (tool arguments, URL→fileKey/nodeId parsing, SF Symbol round-trip rules, sibling-skill load order) with zero explanation of concepts Claude already knows; the only candidate trim is the References table, which lightly duplicates the direction table's links.

5 / 5

Actionability

Copy-paste-ready instructions rather than pseudocode: 'Pass clientLanguages: "swift" and clientFrameworks: "swiftui"', 'replace - with : in nodeId', 'call figma.util.getSfSymbolCharacter(name) inside use_figma', plus exact semantic-color mappings. Per the instruction-only note, the absence of code blocks is not penalized when guidance is this concrete.

5 / 5

Workflow Clarity

The routing action is unambiguous: a decision table mapping triggers to references plus an explicit disambiguation checkpoint — 'If the request is ambiguous… ask the user which direction before loading a reference'. As a single-purpose router with no destructive or batch operations, the simple-skill exception applies.

5 / 5

Progressive Disclosure

The body defers all direction-specific detail to references/design-to-code.md and references/code-to-design.md — both real, substantive files (273 and 167 lines) in the bundle — one level deep, each linked with explicit when-to-load conditions. Verified against the actual bundle structure.

5 / 5

Total

20

/

20

Passed

Description

96%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 description: explicit what-and-when with rich, natural trigger phrases and file extensions covering both translation directions. The only weakness is the broad platform-mention trigger, which risks firing on non-Figma Swift work.

Suggestions

Tighten the trigger so a bare Swift/SwiftUI/iOS mention with no Figma context does not fire the skill — require a Figma URL, file, or design/translation intent alongside the platform terms, or qualify the mention-list with 'for Figma translation'.

The trailing routing sentence 'Routes to a direction-specific reference doc; loads alongside figma-use for the code → design path' is internal mechanics; folding it into the when-clause or trimming it would keep the description focused on user-facing capability.

DimensionReasoningScore

Specificity

Names two concrete, enumerated, bidirectional actions — 'translating a Figma design into SwiftUI (design → code)' and 'pushing SwiftUI views / screens / tokens back into a Figma file (code → design)' — which together cover the skill's full scope with no vague filler. No identifiable coverage gap keeps it above anchor 4.

5 / 5

Completeness

Explicitly answers both what ('translating a Figma design into SwiftUI… pushing SwiftUI views / screens / tokens back into a Figma file') and when ('Use whenever the user mentions…', 'Triggers on phrases like…') with concrete trigger phrases, exactly matching the top anchor.

5 / 5

Trigger Term Quality

Comprehensive natural terms and extensions: 'Swift, SwiftUI, iOS, iPhone, or iPad', 'Figma URL', '.swift files / an .xcodeproj', plus verbatim user phrases like 'implement this Figma design in SwiftUI' and 'push this SwiftUI view to Figma'. No common synonym or extension is missing.

5 / 5

Distinctiveness Conflict Risk

The SwiftUI ↔ Figma niche is clear and mostly distinct, but 'Use whenever the user mentions Swift, SwiftUI, iOS, iPhone, or iPad' literal-fires on ordinary Swift/SwiftUI coding requests with no Figma involvement (e.g. 'fix my SwiftUI view'), a minor overlap with general iOS-development skills.

4 / 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.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 3 suspicious

Warning

Total

15

/

16

Passed

Repository

figma/mcp-server-guide

Path

skills/figma-swiftui/SKILL.md

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.