Agent skill · frontend-design · google-labs-code

design-md agent skill by google-labs-code

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Source and license

Publishergoogle-labs-code
Repositorygoogle-labs-code/stitch-skills
LicenseApache-2.0
Snapshot2026-10-22
Last repository commit2026-08-17
Instruction size1,047 words; 162 lines
Bundled files3

Read the publisher’s SKILL.md

Suede Skill Check: 65/100 · D

Report snapshot · · graded-v2

The rubric totals 100 points; published scores are capped at 99. Security scan: not scanned.

Source revision: 0337446dadde. Report version 9e35e6c7bf6e. Badge URLs follow the latest listing; save the report to keep this version.

Download report · Request a fresh review

What to review next

  • Structural checks: 48 of 56 points. 8 points for each of the seven graded checks.
  • Description length: 1 of 5 points. 5 for 150–600 characters; 3 for 100–900; 1 for 50–1,024.
  • Boundary clause: 0 of 4 points. 4 when the description says when not to use the skill (“Not for …”, “Do not use …”, “Use … instead”).

Add declarations and bundled files when they describe the skill’s actual needs. Update the source, then request a fresh review with the changed commit or PR.

ComponentPoints earnedAvailable
Structural checks4856
Description length15
Boundary clause04
Example request03
Instruction depth77
Reference files03
Bundled scripts02
Recent maintenance69
Curated-list citations17
Tool permissions declared22
Compatibility declared02

The published score is capped at 99. It measures the published files, documentation and maintenance signals. Security scan: not scanned. This assessment does not include a runtime test or a full installation-dependency review.

Install design-md

The skills CLI works with Claude Code, Codex, Cursor and other agents; the other routes copy the folder by hand.

Skills CLI
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/plugins/stitch-utilities/skills/design-md
Claude Code, project-level copy
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/google-labs-code/stitch-skills.git "$tmp/repo"
mkdir -p .claude/skills
cp -R "$tmp/repo/"plugins/stitch-utilities/skills/design-md .claude/skills/
rm -rf "$tmp"
Codex, project-level copy
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/google-labs-code/stitch-skills.git "$tmp/repo"
mkdir -p .agents/skills
cp -R "$tmp/repo/"plugins/stitch-utilities/skills/design-md .agents/skills/
rm -rf "$tmp"

For a user-level install, copy the folder to ~/.claude/skills/ (Claude Code) or ~/.agents/skills/ (Codex). Inside Codex, $skill-installer can also fetch a skill from GitHub. New to skills? Read How to install agent skills in Claude Code, Codex and Cursor.

google-labs-code/stitch-skills is third-party code. Read SKILL.md and any bundled scripts before you install it.

Show the listing and raise the score

design-md is listed with 65/100 · D. This badge links to its Suede AI listing. Skills scoring 80–99 add a numeric and a letter quality shield; the largest open points for design-md are structural checks (8), boundary clause (4) and description length (4). Send your repository and the points you want to raise, then request a fresh review after updating the skill. Publishers: read How to get your agent skill found in search and cited by AI assistants.

Suede AI Skills Directory: listed

Markdown
[![Suede AI Skills Directory: listed](https://suedeai.directory/badge.svg)](https://suedeai.directory/google-labs-code/stitch-skills/design-md/)
HTML
<a href="https://suedeai.directory/google-labs-code/stitch-skills/design-md/"><img src="https://suedeai.directory/badge.svg" alt="Suede AI Skills Directory: listed" height="20"></a>

Compare skills for this task

Browse frontend-design skills or compare scores side by side.