skills.rest
fengjutian
fengjutianCOMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

Generate DESIGN.md files defining visual and interaction standards for Google Stitch.

Updated Apr 28, 2026
Search Tags:#design system#animation#ui design#google stitch#layout guidelines
One-click install
npx skills add https://github.com/fengjutian/skills --skill stitch-design-taste-fengjutian
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/fengjutian/skills/tree/main/stitch-skill
Command: npx skills add https://github.com/fengjutian/skills --skill stitch-design-taste-fengjutian

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill generates DESIGN.md files for Google Stitch, enforcing premium UI standards with strict typography, color calibration, asymmetric layouts, and perpetual micro-motion.

Core Features & Use Cases

  • Design System Generation: Produces DESIGN.md files that define UI standards for Google Stitch.
  • Typography & Color Guidelines: Specifies font stacks, scale hierarchy, color palettes, and typography rules.
  • Component & Layout Guidelines: Defines component behaviors, layout principles, and responsive strategies.
  • Motion Philosophy: Outlines motion and interaction behaviors using spring physics and perpetual micro-interactions.

Quick Start

Generate a DESIGN.md file for a Google Stitch project using the stitch-design-taste skill.

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 for Google Stitch?▼

To generate a design system for Google Stitch, use this Skill to produce a DESIGN.md file defining typography, color palettes, component styles, layout principles, and motion specifications for premium UI design.

What is included in UI design guidelines for premium applications?▼

UI design guidelines for premium applications include strict typography rules, color calibration, asymmetric layout principles, and motion specifications utilizing spring physics and perpetual micro-interactions.

Can I define motion and interaction behaviors in my design system documentation?▼

You can define motion and interaction behaviors by generating a DESIGN.md file that outlines motion philosophy using spring physics and perpetual micro-interactions for premium UI design.

Does generating layout guidelines require any external dependencies?▼

Generating layout guidelines requires no external dependencies, allowing you to independently define responsive strategies, component behaviors, and asymmetric layout principles within your DESIGN.md file.

What's the best way to enforce anti-generic UI standards across a project?▼

The best way to enforce anti-generic UI standards is to generate a DESIGN.md file establishing strict typography, color calibration, and asymmetric layouts to guide all component and interaction design decisions.

When do I need a DESIGN.md file for my UI design workflow?▼

You need a DESIGN.md file when starting a Google Stitch project to enforce premium UI standards, ensuring consistent visual and interaction behaviors across typography, color, layout, and motion.

Related Skills

Explore More Design & Creative Skills→
bbolek-apbbolek-ap

generate-ui-designs

Create and manage Google Stitch UI design projects with design systems.

Community
Advanced
Lyiu-10Lyiu-10

high-end-visual-design

Enforce anti-pattern bans and curated design archetypes for web UI workflows.

Community
Advanced
RenyEnnosRenyEnnos
1

design-md

Generate DESIGN.md design-system documentation from Stitch project assets.

Community
Advanced
systempromptiosystempromptio
2

ux-ui-guide

Route design tasks to UX/UI sub-skills and enforce frontend-coding-standards alignment.

Official
Intermediate