skills.rest
AlejandroFigini
AlejandroFiginiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

stitch-design-taste

Generate DESIGN.md files encoding design tokens and rules for Google Stitch.

Updated Mar 27, 2026
Search Tags:#typography#design-system#color-palette#design-guidelines#stitch#ui-standards
One-click install
npx skills add https://github.com/AlejandroFigini/artist-portfolio --skill stitch-design-taste-alejandrofigini
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/AlejandroFigini/artist-portfolio/tree/main/.agent/skills/stitch-skill
Command: npx skills add https://github.com/AlejandroFigini/artist-portfolio --skill stitch-design-taste-alejandrofigini

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Premium, non-generic UI design language is often scattered across documents and contexts. This Skill generates DESIGN.md files that codify a premium, anti-generic UI system as a single source of truth for atmosphere, color, typography, components, layout, motion, and anti-patterns.

Core Features & Use Cases

  • Generate DESIGN.md templates tailored to Google Stitch screen generation with explicit tokens and rules.
  • Enforce premium aesthetic constraints across projects and teams.
  • Use as a promptable reference to produce agent-friendly design outputs for automated UI generation.

Quick Start

Prompt Stitch to generate a DESIGN.md for a new project that encodes atmosphere, color, typography, components, layout, and motion 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 create a design system for Google Stitch screen generation?▼

To create a design system for Google Stitch, you need a DESIGN.md file that codifies premium UI standards into atmosphere, color tokens, typography, components, layout, motion rules, and anti-patterns as a single source of truth for agent-driven prompts.

What is a DESIGN.md file used for in UI design guidelines?▼

A DESIGN.md file encodes premium, non-generic visual design language into a single source of truth. It details explicit tokens and rules for atmosphere, color, typography, components, layout, and motion to enforce aesthetic constraints across projects.

How do I enforce premium typography and color palette rules across multiple projects?▼

You enforce premium typography and color palette rules by generating a DESIGN.md template with explicit design tokens and constraints. This file acts as a promptable reference to produce agent-friendly outputs for consistent automated UI generation.

Can I use this approach to generate UI standards for agent-driven prompts?▼

Yes, this approach is specifically designed to produce agent-friendly design outputs. By codifying UI standards and anti-patterns in a DESIGN.md file, automated agents receive consistent, premium aesthetic constraints for screen generation.

What components should be included when defining UI standards for Stitch?▼

When defining UI standards for Stitch, your DESIGN.md should include atmosphere, color tokens, typography, components, layout, motion, and anti-patterns. Each section requires explicit guidelines and examples to satisfy generation requirements.

Why does my automated UI generation produce generic looking screens?▼

Automated UI generation produces generic screens when lacking a codified, premium design language. Generating a DESIGN.md file with explicit tokens, layout rules, and anti-patterns provides the necessary constraints to enforce a non-generic aesthetic.

Related Skills

Explore More Design & Creative Skills→
fantay0312fantay0312

design-md

Generate a DESIGN.md documenting design tokens and layout principles from Stitch project assets.

Community
Advanced
devkenidevkeni
1

stitch-design-taste

Generate DESIGN.md prompts encoding UI guidelines for Google Stitch.

Community
Advanced
Kevin-Liu-01Kevin-Liu-01
16

stitch-design-taste

Generate a DESIGN.md encoding UI rules for Google Stitch screen generation.

Community
Advanced
tropekstropeks

design-consultation

Propose and document a complete design system in a DESIGN.md file.

Community
Advanced