Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
The 'taste-design' skill is a Semantic Design System tool for Google Stitch that automates the generation of high-quality, agent-friendly design files known as DESIGN.md. This skill solves the challenge of translating intricate design guidelines into a machine-readable format that Stitch's AI can understand and implement. It enforces premium design standards such as strict typography rules, calibrated color schemes, asymmetric layouts, and a motion philosophy to create visually captivating, non-generic user interfaces for web or app screens. The output is a single, authoritative file that guides Stitch in generating aesthetically pleasing screens with an emphasis on creativity, balance, and functionality.
The main features of the 'taste-design' skill include the ability to define visual atmosphere, map a color palette, establish typographic rules, specify component behaviors, and set motion principles. It allows for precise control over design aesthetics with constraints on color choices, typography selection, layout principles, and animation behavior. The skill ensures that the resulting DESIGN.md files reflect a refined, anti-generic design philosophy while adhering to performance standards, offering a framework for creating sophisticated user interfaces that align with cutting-edge design trends.
This skill is particularly useful for designers, UI/UX teams, and developers working on projects that require custom, high-performance interfaces within the Google Stitch ecosystem. It caters to users who want to automate the creation of design systems that are both practical and visually impressive, ensuring consistency across interfaces without compromising on creativity or design quality. Whether working on apps, websites, or other digital interfaces, this skill is ideal for users looking to push the boundaries of standard UI design and deliver premium user experiences.
The skill translates design guidelines such as typography, color palette, and motion principles into a machine-readable format called DESIGN.md. This file is then used by Google Stitch's AI to generate high-quality user interfaces.
You need access to Google Stitch via labs.google.com/stitch. Optionally, you can use the Stitch MCP Server for programmatic integration with other tools like Cursor, Antigravity, or Gemini CLI.
The skill enforces strict typography, color calibration, asymmetric layouts, perpetual micro-motion, and performance standards, ensuring that the resulting design is premium and non-generic.
The color palette is highly structured, with restrictions on accent colors, banned aesthetics like neon, and a requirement for high-contrast neutrals. Customization is allowed within these constraints.
The skill is designed for projects using Google Stitch. While it works seamlessly with Stitch-based designs, users may need additional tools or configuration for integration with other platforms.
Quick Setup:
.claude/skills/Repository
google-labs-code/stitch-skills