mcpField
T
taste-design-stitch

taste-design-stitch

github.com/podoDesign & UI29165 installsUpdated 1d ago
Repository

About taste-design-stitch

A design skill for refining UI generated by Google Stitch, with guidance on spacing, typography, color, and visual hierarchy. It belongs to Google Labs’ official Stitch skills ecosystem.

Key features

  1. 01Refines spacing choices
  2. 02Guides typography decisions
  3. 03Improves color choices
  4. 04Strengthens visual hierarchy

Use cases

  1. 01Refining Google Stitch UI output
  2. 02Moving beyond generic interface styling

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill taste-design-stitch

After installing, type/taste-design-stitchin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

taste-design-stitch

Catalogue stub — full skill: google-labs-code/stitch-skills

Decision tree

  1. Is the full skill already installed? Check whether the skill at this location still has a das: block:

    • Global: grep -q "^das:" ~/.agents/skills/taste-design-stitch/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • Project: grep -q "^das:" .agents/skills/taste-design-stitch/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • No das: block → full skill installed, invoke it and proceed
    • das: block present → go to step 2
  2. Detect scope, then install:

    To detect scope:

    [ -e ~/.agents/skills/taste-design-stitch ] && echo "global" || echo "project"
    

    Global (installed with -g):

    npx skills add google-labs-code/stitch-skills --skill taste-design-stitch -g -y
    

    Project (installed without -g):

    npx skills add google-labs-code/stitch-skills --skill taste-design-stitch -y
    

    Claude Code: send either command as a chat message starting with ! to run it without leaving the conversation.

Invoke after install

  • Skill name: taste-design-stitch
  • Trigger phrases: "taste design", "stitch taste", "improve stitch UI", "stitch aesthetics"

What it does

Applies aesthetic judgment and design taste to Google Stitch UI output. Pushes generated interfaces past generic AI defaults — opinionated choices on spacing, typography, color, and visual hierarchy that make Stitch output feel crafted rather than computed. Part of Google Labs' official Stitch skills ecosystem.

Comments

Markdown supported