skills.rest
JamesOliveira1
JamesOliveira1COMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

Generate a DESIGN.md encoding visual rules for Stitch prompts.

Updated Mar 7, 2024
Search Tags:#typography#design-system#color-palette#stitch#ui-guidelines#design-prompt
One-click install
npx skills add https://github.com/JamesOliveira1/Project-MastroWebSite --skill stitch-design-taste-jamesoliveira1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/JamesOliveira1/Project-MastroWebSite/tree/main/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/JamesOliveira1/Project-MastroWebSite --skill stitch-design-taste-jamesoliveira1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams and AI-driven prompt pipelines struggle to maintain a single source of truth for Stitch-based UI prompts. This Skill generates DESIGN.md files that encode a premium, non-generic design system, ensuring consistent atmosphere, typography, color, and component rules across projects.

Core Features & Use Cases

  • Generates a DESIGN.md for Stitch prompts that encodes atmosphere, color calibration, typography, and layout rules.
  • Centralizes design language by producing a reusable reference document for design teams and AI agents.
  • Use Case: Create a brand-aligned design spec for a new Stitch-generated screen set and instruct a designer/AI to implement with consistency.

Quick Start

Generate a DESIGN.md with the Taste Standard visual system for Stitch.

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 spec for Stitch UI prompts?▼

To generate a design system spec for Stitch UI prompts, use this Skill to produce a DESIGN.md file encoding typography, color calibration, layout grids, and motion rules for consistent AI-driven screen generation.

What is a DESIGN.md file and how does it centralize UI guidelines for AI agents?▼

A DESIGN.md file is a single source of truth that encodes premium visual system rules for atmosphere, typography, color values, and component behaviors to instruct AI agents and design teams with consistency.

How do I maintain typography and color palette consistency across Stitch-generated screens?▼

You maintain typography and color palette consistency by generating a reusable DESIGN.md reference document that defines explicit typography stacks, color values, and strict anti-patterns for all Stitch prompts.

Can I define motion philosophy and layout grids for Stitch design prompts?▼

Yes, you can define motion philosophy and layout grids by generating a DESIGN.md that applies explicit rules for component behaviors, grid structures, and motion to your Stitch design prompts.

Does this design prompt generator work without external dependencies?▼

Yes, this design prompt generator works without external dependencies, allowing you to independently create brand-aligned design specs that enforce banned patterns and non-generic visual systems.

What's the best way to prevent generic UI patterns in Stitch-generated designs?▼

The best way to prevent generic UI patterns in Stitch-generated designs is to generate a DESIGN.md that includes a strict list of banned patterns alongside premium color and typography calibration rules.

Related Skills

Explore More Design & Creative Skills→
rafael-hcrafael-hc

frontend-blueprint

Guide UI discovery and generate atomic HTML/CSS components.

Community
Advanced
ChildoftheVibeChildoftheVibe

stitch-design-taste

Generate a DESIGN.md encoding a premium UI design language for Google Stitch.

Community
Advanced
hanamizukihanamizuki
127

taste-stitch

Translate design requirements into a DESIGN.md scaffold for Google Stitch.

Community
Advanced
KRISHNA0RKRISHNA0R
25

stitch-design-taste

Translate frontend design rules into Google Stitch DESIGN.md specifications.

Community
Advanced