skills.rest
khulnasoft-bot
khulnasoft-botCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

taste-design

Generates DESIGN.md design system files for Google Stitch screen generation.

Updated Jun 27, 2026
Search Tags:#typography#anti-patterns#design system#color palette#design tokens#ui design#google stitch
One-click install
npx skills add https://github.com/khulnasoft-bot/scalify --skill taste-design-khulnasoft-bot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: taste-design
Source: https://github.com/khulnasoft-bot/scalify/tree/main/skills/plugins/stitch-utilities/skills/taste-design
Command: npx skills add https://github.com/khulnasoft-bot/scalify --skill taste-design-khulnasoft-bot

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, with clichéd fonts, neon gradients, and formulaic layouts. This Skill produces a structured DESIGN.md file that encodes a curated, opinionated design language so Google Stitch generates premium, non-generic screens consistently. ## Core Features & Use Cases - Semantic Design System Generation: Creates DESIGN.md files covering atmosphere, color palette with hex codes, typography rules, component stylings, layout principles, motion philosophy, and explicit anti-patterns. - Anti-Generic Enforcement: Bans AI design clichés such as Inter font, pure black, neon glows, 3-column equal card grids, fabricated metrics, and filler UI text. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion levels to match each project's vibe. - Use Case: Before prompting Stitch to generate a SaaS dashboard, generate a DESIGN.md that locks in a Zinc-neutral palette, Geist typography, asymmetric layouts, and spring-physics motion intent so every screen stays on-brand. ## Quick Start Generate a DESIGN.md design system for my project using the taste-design skill with creativity 9 and an emerald accent color.

Frequently Asked Questions about taste-design

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

FAQPage Schema
How do I create a design system for Google Stitch?▼

Use this Skill to generate a DESIGN.md file that Stitch interprets as visual descriptions. It defines atmosphere, color roles with hex codes, typography rules, component stylings, layout principles, and motion intent that guide Stitch's screen generation.

What is a DESIGN.md file used for in Stitch?▼

A DESIGN.md file is the single source of truth for prompting Stitch to generate new screens. It pairs descriptive natural-language rules with precise values like hex codes and rem sizes so Stitch's AI agent produces consistent, non-generic interfaces.

Does this Skill work with Stitch MCP Server?▼

Yes, the Skill optionally integrates with the Stitch MCP Server for programmatic use with Cursor, Antigravity, or Gemini CLI. Access to Google Stitch via labs.google.com/stitch is the baseline prerequisite.

Can Google Stitch generate animations from the DESIGN.md?▼

No, Stitch generates static screens and does not animate. The motion section documents intended behavior such as spring physics and staggered reveals so a coding agent can implement animations when building the exported design.

What design patterns does this Skill ban?▼

It bans Inter font, generic serifs, pure black, neon glows, oversaturated accents, 3-column equal card layouts, centered heroes at high variance, emojis, fabricated metrics, and AI copywriting clichés like Elevate or Seamless.

Related Skills

Explore More Design & Creative Skills→
hi-yuki-922hi-yuki-922
1

i-teach-impeccable

Gather design context from codebase and user input into CLAUDE.md.

Community
Intermediate
tanveerriaztanveerriaz
1

stitch-design-taste

Generates semantic DESIGN.md design system files for Google Stitch screen generation.

Community
Intermediate
ferrarifankid04ferrarifankid04

stitch-design-taste

Generates DESIGN.md design system files for Google Stitch screen generation.

Community
Intermediate
lushly-devlushly-dev
4

implement-designs

Extract Figma design tokens and convert them to CSS custom properties.

Official
Advanced