CtrlK
BlogDocsLog inGet started
Tessl Logo

figma-shaders

**MANDATORY prerequisite** — load this skill before calling `create_shader` or `update_shader`. Use when the user asks to create, author, change, fix, or iterate on a shader effect, shader fill, custom effect, custom fill, or procedural shader in Figma.

71

Quality

86%

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

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

The body is a dense, actionable overview that defers deep authoring detail to a single well-signaled reference and sequences both create and update workflows with explicit error-recovery checkpoints. Only minor redundancy and the lack of a full worked example keep it from the top tier.

DimensionReasoningScore

Conciseness

Lean and assumes Claude's competence (no explaining of Figma/shaders/WebGPU), but the isAnimated/usesMouse metadata rules appear in both the Create workflow step 6 and Authoring rules, a minor redundancy that could be trimmed.

4 / 5

Actionability

Concrete, specific guidance with exact tool names, parameters, file paths, and a URL template; minor gap is the absence of a complete worked example payload for the common create-then-update case.

4 / 5

Workflow Clarity

Both workflows are numbered with clear sequencing and explicit feedback loops — build-error retry-once-then-surface, the "Never stop after create_shader" guard, and the terminal capability gate for unavailable animation/mouse input.

5 / 5

Progressive Disclosure

SKILL.md is an overview with well-signaled one-level-deep reference to references/authoring.md (verified to exist, self-contained with its own TOC, no nested file references), and tells the reader exactly what that file contains.

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

The description clearly states a mandatory prerequisite action and pairs it with explicit, well-chosen trigger phrases and synonyms for Figma shader work. It is concise, third-person, and highly distinctive with minimal conflict risk.

DimensionReasoningScore

Specificity

Lists several concrete actions ("create, author, change, fix, or iterate") across named shader types, but the verbs are request intents rather than the fully concrete operational actions of the 5 anchor.

4 / 5

Completeness

Explicitly answers both what ("load this skill before calling create_shader or update_shader") and when ("Use when the user asks to create, author, change, fix, or iterate on...") with concrete trigger phrases.

5 / 5

Trigger Term Quality

Good natural-term coverage with synonyms ("shader effect", "custom effect", "shader fill", "custom fill", "procedural shader", "in Figma"); a few natural phrasings are absent but the core triggers a user would say are present.

4 / 5

Distinctiveness Conflict Risk

Narrow Figma-shader niche with specific trigger terms (shader effect/fill, custom effect/fill, procedural shader) makes conflict with other skills minimal.

5 / 5

Total

18

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

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.