stitch-design-taste

Generate a structured Google Stitch design specification covering atmosphere, palette, typography, components, layout, motion, and banned patterns.

3|Updated Jul 30, 2026
One-click install
npx skills add https://github.com/Hayatelin/taste-skill-zh-CN --skill stitch-design-taste-hayatelin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/Hayatelin/taste-skill-zh-CN/tree/main/skills/stitch-skill
Command: npx skills add https://github.com/Hayatelin/taste-skill-zh-CN --skill stitch-design-taste-hayatelin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill turns high-level taste and anti-slop design principles into a structured DESIGN.md so AI agents can generate interfaces that feel intentional, premium, and visually coherent instead of generic.

Core Features & Use Cases

  • Design system authoring: Produces a complete, agent-friendly design specification covering atmosphere, color, typography, components, layout, motion, and banned patterns.
  • High-end UI guidance: Encodes rules for asymmetric layouts, restrained accents, strong typography, subtle shadows, and spring-based motion.
  • Use case: Use it when you need a Google Stitch-ready design brief for a landing page, product UI, dashboard, or any interface that should avoid AI-looking defaults.

Quick Start

Ask the Skill to create a Stitch DESIGN.md for your product brief with premium, asymmetric, anti-slop UI rules.

Frequently Asked Questions about stitch-design-taste

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a design system specification that prevents generic looking UI?

To generate a design system specification that prevents generic UI, use this Skill to translate high-level taste and anti-slop principles into a structured DESIGN.md. It encodes rules for atmosphere, color, typography, components, layout, motion, and banned patterns to ensure interfaces feel intentional and premium.

What is anti-slop design and how does it apply to product UIs?

Anti-slop design is the practice of avoiding generic, AI-looking interface defaults by applying explicit constraints. For product UIs, it means enforcing asymmetric layouts, restrained accents, strong typography, and spring-based motion to create a visually coherent and premium user experience.

How do I create a Stitch-ready design brief for a landing page?

You create a Stitch-ready design brief by asking the Skill to generate a DESIGN.md from your product brief. It outputs a complete, agent-friendly specification covering premium UI guidance, asymmetric layout rules, and subtle shadow constraints tailored for Google Stitch.

Can I use this to define motion and typography rules for a dashboard?

Yes, you can use this to define motion and typography rules for a dashboard. The generated design system specification explicitly covers strong typography, spring-based motion guidelines, and component behaviors to maintain visual coherence across complex front-end interfaces.

What do I need to provide to generate a coherent visual language for my interface?

You need to provide a product brief and explicit guidance for your interface's atmosphere, palette, typography, components, layout, motion, responsiveness, and banned patterns. The Skill processes these taste rules to output a structured design specification.

Does this Skill work for dashboards and front-end concepts without external dependencies?

Yes, this Skill works for dashboards and front-end concepts without external dependencies. It independently generates the complete design system specification and anti-slop constraints directly from your input brief, requiring no additional components or libraries to function.