CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

prototypes

Open, edit, republish, and Figma-sync the template prototypes in prototypes/ (Claude artifacts of Design, Chat, Slides, Clips, Analytics). Use when asked to open or change a prototype, push one to its app's Figma page, or pull Figma edits back into it.

Quality

89%

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

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.

An unusually dense, operational skill body: concrete commands, named APIs, and validation-gated workflows for both directions of the Figma sync, with no filler. The only structural improvement would be moving the Figma push API detail into a reference file and adding a worked example script.

DimensionReasoningScore

Conciseness

Lean and efficient with zero padding: every line carries repo-specific facts Claude cannot know (the file key "oJQ7t9q4e8oHzLZKuki7k1", "only slots accept appendChild on an instance", "new nodes land on the current page, which may be the cover"). It assumes Claude's competence and never explains concepts it already knows, matching the score-5 anchor.

5 / 5

Actionability

Concrete and mostly executable: real commands ("node prototypes/kit/build.ts <name>", the Playwright pnpm path) and named API calls ("setCurrentPageAsync", "importComponentSetByKeyAsync", "figma.variables.setBoundVariableForPaint"). Not 5 because the Figma push flow lacks a copy-paste-ready example script for the common case — guidance is procedural rather than executable end-to-end.

4 / 5

Workflow Clarity

Both edit/republish and Figma-pull are numbered sequences with explicit validation checkpoints ("Zero page and console errors, and look at a screenshot of what changed"; "screenshot the section with get_screenshot, and fix what's off") and error-recovery loops ("A failed script rolls back, so re-read before retrying"). The destructive/batch operations (republish, commit and push) are all gated behind verification, matching the score-5 anchor.

5 / 5

Progressive Disclosure

Well-signaled one-level-deep references ("prototypes/README.md is the index... Read it first", "<name>/changes.json", "<name>/prototype.json", "kit/add-icons.ts") and clear section structure. Not 5: the Figma push detail (~15 lines of component/color/API-call rules) sits inline where a reference file would fit, a minor organization gap matching the score-4 anchor rather than a fully split structure.

4 / 5

Total

18

/

20

Passed

Description

87%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: concrete actions, a scoping parenthetical, and an explicit 'Use when...' clause with natural trigger phrasings covering both push and pull directions. Third-person voice throughout, no fluff or over-claims.

DimensionReasoningScore

Specificity

Lists several concrete actions ("Open, edit, republish, and Figma-sync the template prototypes") with the named domain and apps ("Claude artifacts of Design, Chat, Slides, Clips, Analytics"). Not 5 because "Figma-sync" is a compound action and the build/verify loop is folded into "republish" rather than enumerated — minor gaps in coverage, matching the score-4 anchor.

4 / 5

Completeness

Explicitly answers both questions: what ("Open, edit, republish, and Figma-sync the template prototypes in prototypes/") and when ("Use when asked to open or change a prototype, push one to its app's Figma page, or pull Figma edits back into it") with concrete trigger phrases, matching the score-5 anchor exactly.

5 / 5

Trigger Term Quality

The when-clause uses natural phrases users would actually say: "open or change a prototype", "push one to its app's Figma page", "pull Figma edits back into it". A few natural synonyms and variations are missing, so it fits the score-4 anchor (good coverage, a few natural terms missing) rather than the comprehensive score-5 anchor.

4 / 5

Distinctiveness Conflict Risk

A clear niche with distinct triggers: "template prototypes in prototypes/", named apps, and bidirectional Figma page sync. The vocabulary (prototypes, Figma page, republish to the artifact link) is unlikely to fire for the wrong skill, matching the score-5 anchor.

5 / 5

Total

18

/

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

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

BuilderIO/agent-native

Path

.agents/skills/prototypes/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.