CtrlK
BlogDocsLog inGet started
Tessl Logo

stitch

Generate UI designs and frontend code with Google Stitch via MCP. Use when asked to create screens, mockups, UI designs, or generate frontend code from text descriptions. Supports desktop, mobile, and tablet layouts.

86

2.12x
Quality

80%

Does it follow best practices?

Impact

100%

2.12x

Average score across 3 eval scenarios

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

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

A well-crafted, highly actionable skill body: fully executable commands, concrete parameters with defaults and timings, strong/weak prompt contrasts, and an error-recovery table. Minor improvements are possible in trimming generic prompt-engineering advice and making post-generation validation explicit.

DimensionReasoningScore

Conciseness

The body is largely lean — command tables, parameter lists, and error tables with no re-explanation of concepts Claude already knows — with only minor trimming opportunities, e.g., the Prompt Engineering 'Specify These Elements' list (layout/components/content/style) edges toward generic prompt-writing guidance, and the Weak Prompts examples are near-tautological. It matches 'efficient; minor instances of over-explanation that could be trimmed' rather than the every-token-earns-its-place level 5.

4 / 5

Actionability

Every workflow is a fully executable `mcporter call ...` command with real flags and values, parameters are documented with defaults and durations (e.g., "GEMINI_3_FLASH (default, 30–60s)"), and the Complete Design Flow example is copy-paste ready end to end. This matches 'fully executable; copy-paste ready code or commands; specific examples cover the common cases'.

5 / 5

Workflow Clarity

The Iteration Workflow is a clear 5-step sequence (create project → generate with FLASH → refine → final with PRO → extract code), setup includes a verification checkpoint ("mcporter list stitch"), and the Errors table plus the output_components feedback-handling loop support recovery. It falls short of level 5 only because post-generation validation is implicit (no explicit 'inspect the screen before downloading' step), matching 'clear sequence with most checkpoints present; minor validation gaps'.

4 / 5

Progressive Disclosure

The single-file skill (~220 lines) is well organized into scannable sections with tables for tools, device types, and errors; content is appropriately placed for this scope and no reference files are needed. It matches 'good structure; most content is appropriately placed; minor organization gaps' — the 5 anchor's reference-based structure is not applicable since no bundle files exist, and no content is buried or nested.

4 / 5

Total

17

/

20

Passed

Description

78%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, well-structured description with an explicit third-person 'Use when...' clause and concrete trigger terms. Its main gaps are modest action coverage (only the generation action is named) and a few missing natural synonyms (wireframes, prototypes), plus slight overlap risk with generic frontend-code skills.

Suggestions

Broaden the action list to cover the full capability range, e.g., 'Create design projects, generate screens for desktop/mobile/tablet, and download the HTML/CSS code or preview images.'

Add common user synonyms to the trigger clause such as 'wireframes', 'prototypes', 'mockups', or 'app/landing page designs'.

Anchor the triggers more tightly to Stitch to reduce conflict with generic frontend-code skills, e.g., 'Use when the user wants Stitch-generated UI mockups or design-to-code output.'

DimensionReasoningScore

Specificity

The description names the domain ("Generate UI designs and frontend code with Google Stitch via MCP") and 1-2 concrete actions (generate designs, generate frontend code), but coverage is not comprehensive — no mention of creating projects, listing screens, or downloading code/images, and "create screens, mockups, UI designs" are variations of the same single action. It sits at the 'names domain and 1-2 concrete actions, but not comprehensive' anchor rather than the 'several specific actions' level above.

3 / 5

Completeness

It explicitly answers both: what ("Generate UI designs and frontend code with Google Stitch via MCP") and when ("Use when asked to create screens, mockups, UI designs, or generate frontend code from text descriptions"), with concrete trigger phrases in third person. It fits the top anchor; the anchor below (4) requires the 'when' to be less explicit, but here the trigger list is as concrete as the 5-anchor example.

5 / 5

Trigger Term Quality

"Use when asked to create screens, mockups, UI designs, or generate frontend code from text descriptions" gives good natural keyword coverage (screens, mockups, UI designs, frontend code), but common variations users would say are missing (e.g., "wireframes", "prototypes", "landing pages", "app design"). This matches 'good keyword coverage; a few natural terms missing' — above the 'some relevant keywords but missing common variations' anchor, below comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

The Stitch/MCP niche and design-generation triggers are mostly distinct, but "generate frontend code" and "UI designs" carry minor overlap risk with general frontend-development and web-design skills. This matches 'mostly distinct; minor overlap risk with closely related skills' — not the minimal-conflict level 5, since the triggers are broad verbs rather than uniquely Stitch-specific phrases.

4 / 5

Total

16

/

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

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
Dicklesworthstone/pi_agent_rust
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.