Design & Frontend google-stitchdesign-systemdesign-mdui-uxtypographyresponsive-designmotion-design

Stitch Design Taste

Generates rigorous, non-generic DESIGN.md systems for premium Google Stitch screen generation.

FollowSkills review · FSRS-2.0
Not recommended
42/ 100 5-point scale 2.1 / 5
Trust11 / 25 · 2.2/5

The skill declares only StitchMCP, Read, and Write, giving it a relatively constrained permission surface. However, it does not explain data flows, pre-write confirmation, rollback, or review of generated content, and its core function depends on an external Stitch service. No malicious behavior or clear overreach red line is visible.

Reliability7 / 20 · 1.8/5

The SKILL.md and DESIGN.md are broadly self-consistent and describe inputs, output structure, and error-state guidance. However, there are no skill-specific tests, scripts, abnormal-input handling, or failure messages, and the static-screen limitation creates tension with perpetual-animation requirements. The score is capped below 10 by static calibration.

Adaptability6 / 15 · 2.0/5

The target scenario and expected DESIGN.md artifact are clear, and configurable style dials are provided. Non-fit boundaries, semantic trigger conditions, Chinese-language support, and mainland-China reachability are not established; the core Stitch dependency may also be difficult to reach from mainland China.

Convention8 / 15 · 2.7/5

Information architecture, prerequisites, resource template, Apache-2.0 licensing, and a basic security policy are present. The skill lacks dedicated versioning, changelog, named maintenance responsibility, update path, troubleshooting guidance, and input/output examples; the repository CI shown does not cover this skill.

Effectiveness6 / 15 · 2.0/5

The skill can turn explicit visual rules into a Stitch-oriented DESIGN.md, and the supplied template is directly usable. Its rules are highly subjective and prescriptive, with no real generated-output evidence or key-path validation for taste-design; manual correction is likely. Static calibration limits this score to 7 or below.

Verifiability4 / 10 · 2.0/5

A revision-pinned source, complete skill and resource files, license, and repository-level CI provide some auditability. However, the CI does not cover this skill, and there is no independent test suite, third-party execution evidence, or cross-source corroboration, so evidence remains limited.

Evidence confidence:Low Reviewed Jul 20, 2026 Reviewed revision ad4b8bc8c519
The upstream repository has new commits since this review. The score still applies to the reviewed revision shown and may not cover the latest changes.
Before you use it
  • The core function depends on Google Stitch/MCP; confirm service access, credentials, and network reachability in the target environment, particularly from mainland China.
  • Although limited, Write access creates DESIGN.md files; confirm the destination and keep a backup before use to avoid overwriting user content.
  • Perpetual animation and 60fps requirements are coding-phase guidance and may not be directly realizable when Stitch generates static screens.
  • The bans and prescriptive style rules may conflict with accessibility needs, brand guidelines, content-heavy products, or projects requiring a neutral design system.
Review evidence [1][2][3][4][5][6]
See the full review method →

What does this skill do, and when should you use it?

taste-design is a design utility skill in the stitch-skills repository that generates DESIGN.md files for Google Stitch. It translates visual atmosphere, color, typography, component behavior, layout, responsive rules, motion, and anti-patterns into semantic instructions with precise values. Its approach is strongly opinionated toward premium, anti-generic interfaces, using asymmetric layouts, controlled typography, a single accent color, and hardware-accelerated motion. It requires access to Google Stitch and can optionally use the Stitch MCP Server.

Using StitchMCP, Read, and Write, the skill evaluates a project's intent and produces a DESIGN.md. The document specifies visual atmosphere, functional colors with hex values, typography hierarchy, hero structure, component interactions, grid and responsive behavior, spring-based motion, and explicit bans on common AI-generated design patterns. The resulting file acts as a design source of truth for prompting Stitch to generate new screens.

  1. A product designer using Google Stitch who wants a design language defined before generating new screens.
  2. A frontend team creating a marketing or creative site that needs asymmetric layouts, strict typography, and one calibrated accent color.
  3. A design-system maintainer trying to reduce template-like AI interface patterns.
  4. A developer integrating Stitch through Cursor, Antigravity, or Gemini CLI who needs a generated DESIGN.md specification.

What are this skill's strengths and limitations?

Pros
  • Covers the full specification surface from atmosphere and tokens to components, responsiveness, motion, and anti-patterns.
  • Includes concrete constraints such as hex colors, a 65ch body width, 44px touch targets, and spring parameters.
  • Designed specifically for Google Stitch's semantic DESIGN.md workflow.
  • Explicitly bans generic patterns including invented metrics, neon glows, and equal three-column card rows.
Limitations
  • Its usefulness depends on access to Google Stitch and, for MCP integration, a configured Stitch MCP Server.
  • The source provides no test suite, success metrics, or cross-client validation evidence.
  • It generates DESIGN.md rather than production code or a complete interface.
  • Its strong aesthetic constraints may not suit projects requiring conventional, symmetrical, or highly dense visual systems.

How do you install this skill?

The skill is distributed through the stitch-utilities plugin in google-labs-code/stitch-skills. In Codex, the README provides this marketplace command: codex plugin marketplace add google-labs-code/stitch-skills --ref main --sparse .agents/plugins --sparse plugins/stitch-design --sparse plugins/stitch-build --sparse plugins/stitch-utilities, followed by installing stitch-utilities. The selective installation command is: npx skills add google-labs-code/stitch-skills. The source does not provide a dedicated command for installing only taste-design; selective installation may require related Stitch skill dependencies.

How do you use this skill?

Configure and run the Stitch MCP Server and ensure Google Stitch is accessible. After installing the skill in an Agent Skills-compatible client, use a prompt such as: "Generate a premium DESIGN.md with strict typography and calibrated colors." The skill generates DESIGN.md for use as the design specification when prompting Stitch to create screens. The source does not document a specific project-directory placement workflow.

FAQ

Does the source state whether this costs money?
No. The provided materials do not specify pricing for the skill or Google Stitch.
What access does it require?
The skill declares StitchMCP, Read, and Write as allowed tools. It also requires access to Google Stitch, and MCP-based use requires a configured and running Stitch MCP Server.
Does it generate pages or code directly?
No. Its documented output is DESIGN.md, which is used to guide Stitch's generation of new screens.

More skills from this repository

All from google-labs-code/stitch-skills

Design & Frontend

Stitch Prompt Refiner

Turns vague UI ideas into structured prompts optimized for better Stitch generation.

Design & Frontend

Stitch Design System Manager

Create, update, and apply consistent project-level design systems in Stitch.

Design & Frontend

Stitch Design System Synthesizer

Analyze Stitch projects and turn existing UI patterns into a reusable DESIGN.md.

Design & Frontend

Stitch Screen Generator

Generate, edit, and explore Stitch screens from text or images.

Design & Frontend

Stitch Frontend Design Extractor

Turn frontend source code into a Stitch-ready DESIGN.md.

Design & Frontend

Stitch Code-to-Design

Turn an existing frontend codebase into a Stitch-ready design and design system.

Design & Frontend

Stitch Asset Uploader

Reliably upload local images, HTML, and design documents to Google Stitch projects.

Design & Frontend

Stitch React Component Builder

Turn Stitch screens into modular, maintainable, and validated React components.

Dev & Engineering

Stitch React Native Builder

Turn Stitch HTML designs into maintainable React Native components and sync existing native screens with design updates.

Design & Frontend

Stitch Static HTML Extractor

Turn a rendered web page into a self-contained HTML snapshot for sharing or Stitch upload.

Dev & Engineering

Stitch Remotion Walkthrough Builder

Turn Stitch app screens into polished walkthrough videos with transitions, zoom effects, and contextual overlays.

Design & Frontend

shadcn/ui Component Integration Guide

Guides developers through discovering, installing, customizing, and validating shadcn/ui components.

Design & Frontend

Stitch Build Loop

Continuously generate, integrate, and advance website pages with Stitch iterations.

Dev & Engineering

Stitch React Dashboard Builder

Turn Stitch screens into production-ready React and Vite dashboards for dense data workflows.

Related skills