CtrlK
BlogDocsLog inGet started
Tessl Logo

superdesign

Design or redesign frontend UI with the Superdesign canvas. Use for design-system extraction, faithful UI reproduction, visual variants, reusable design components, and multi-page flows. Do not use for implementation-only tasks that require no design exploration.

75

Quality

92%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Critical

Do not install without reviewing

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 well-structured skill body with executable CLI guidance, a clear gated workflow with validation/retry loops, and clean one-level-deep progressive disclosure to two real reference files. Its only weakness is moderate redundancy in the environment-preflight and init-mandate sections that slightly inflates token cost.

Suggestions

Tighten Step 0's environment-preflight bullets: the third bullet restates the first two — collapse the Chat/Work-mode guidance into a single concise instruction rather than repeating the execution-vs-auth distinction twice.

De-duplicate the init mandate: the '.superdesign/init/ must exist with all files before designing' rule is stated in Step 1, the Init section, and again via SUPERDESIGN.md's hard gate — keep one authoritative statement and reference it.

Consider moving the long literal `execute-flow-pages`/`create-component` JSON examples into references/SUPERDESIGN.md to keep the SKILL.md overview leaner, since the rubric rewards an overview that points to detail rather than inlining it.

DimensionReasoningScore

Conciseness

Mostly lean directives and code blocks with no conceptual padding, but Step 0's environment-preflight bullets repeat each other (the Chat/Work-mode branch is stated then restated) and the init mandate is reiterated across sections, so it could be tightened.

2 / 3

Actionability

Provides fully executable CLI commands with the exact `npx --yes @superdesign/cli@latest` prefix, concrete flags, and literal valid JSON for `--pages` and `--props` that is copy-paste ready.

3 / 3

Workflow Clarity

Sequences Step 0 → Step 1 → Init → CLI → design with an explicit login validate→login→retry feedback loop, an init-before-design hard gate, and a checklist of mandatory init files.

3 / 3

Progressive Disclosure

SKILL.md is an overview pointing to two verified one-level-deep references (`references/INIT.md`, `references/SUPERDESIGN.md`), both clearly signaled and neither chaining into deeper nested references; content is appropriately split between init analysis and design workflow.

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 names concrete capabilities, gives explicit positive and negative use-when triggers, and carves out a distinct niche with low conflict risk. It earns full marks across all four dimensions.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'design-system extraction', 'faithful UI reproduction', 'visual variants', 'reusable design components', and 'multi-page flows' — matching the multiple-specific-actions anchor.

3 / 3

Completeness

Explicitly answers both what ('Design or redesign frontend UI with the Superdesign canvas') and when ('Use for design-system extraction, faithful UI reproduction...'), plus a negative-scope trigger ('Do not use for implementation-only tasks').

3 / 3

Trigger Term Quality

Natural phrasings a user would say ('design or redesign frontend UI', 'visual variants', 'multi-page flows', 'design-system extraction') give good coverage of the design vocabulary.

3 / 3

Distinctiveness Conflict Risk

The Superdesign-canvas niche plus the explicit 'Do not use for implementation-only tasks' carve-out keeps it from overlapping with general implementation skills.

3 / 3

Total

12

/

12

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
superdesigndev/superdesign-skill
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.