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

Fix and improve this skill with Tessl

tessl review fix ./tests/ext_conformance/artifacts/agents-mikeastock/skills/stitch/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

81%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-structured, highly actionable skill body built around concrete commands and worked examples. Its only gaps are a minor redundancy and the absence of an explicit output-validation checkpoint in the iteration workflow.

Suggestions

Add an explicit validation step to the Iteration Workflow (e.g., list/get the generated screen and confirm it matches intent before running fetch_screen_code).

De-duplicate the model timing information that appears in both 'Generate a Screen' and 'Model Selection' to trim tokens.

Consider moving the Errors table and full Examples into a reference file to tighten the SKILL.md overview, signaling them with one-level-deep links.

DimensionReasoningScore

Conciseness

Lean and table-driven with no padding of concepts Claude already knows; only minor redundancy (model timing restated across sections).

4 / 5

Actionability

Fully executable copy-paste-ready mcporter commands with real parameter values, device types, model IDs, and complete worked prompt examples covering common cases.

5 / 5

Workflow Clarity

The Iteration Workflow is clearly sequenced with response-handling and error-fix guidance, but lacks an explicit validate-the-generated-output checkpoint before extracting code.

4 / 5

Progressive Disclosure

Well-organized single-file structure with clear section headers and no external bundle; some reference-like material (error tables, examples) is inlined rather than split out.

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 description that answers both 'what' and 'when' with concrete, natural trigger terms and a clearly distinct niche. It is slightly shy of top marks only because the action list and synonym coverage could be marginally more comprehensive.

DimensionReasoningScore

Specificity

Lists several concrete actions (generate UI designs, generate frontend code from text descriptions) plus device-layout scope, with only minor gaps in coverage.

4 / 5

Completeness

Clearly states what it does (generate UI designs/frontend code via Stitch MCP) and gives an explicit 'Use when' trigger clause, which could be only marginally more specific.

4 / 5

Trigger Term Quality

Includes natural user-facing terms (screens, mockups, UI designs, frontend code) with good coverage, though a few synonyms are absent.

4 / 5

Distinctiveness Conflict Risk

The named Google Stitch product and UI-design-generation niche give it clear, distinct triggers with minimal overlap risk.

5 / 5

Total

17

/

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.

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