Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Premium DESIGN.md for Google Stitch v1.0.0

Use this resource to write a DESIGN.md that produces non-generic screens

New

  • 325 downloads
  • 145 likes
  • 146 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install stitch-taste-design-md

With no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.

First time: connect the CLI with

npx --yes palatekit@latest login

The agent studies your project's intent, then writes a DESIGN.md in nine steps: atmosphere, palette with hex codes, type rules, hero section, components, layout, responsive rules, motion and a list of clichés to ban. You get a reference document that Google Stitch, or any coding agent, can follow to produce consistent screens.

Mostly picked by

Updated November 2, 2026

Excerpt of a DESIGN.md file with palette, typography and component rules

Details

Works in
Install guides
Generates with
Your agent's model
Licence
Apache-2.0

Similar resources

View all

What you get

  • SKILL.md: the nine-step method for writing the DESIGN.md
  • resources/DESIGN.md: a complete example with creativity, density, variance and motion dials
  • A reusable list of anti-patterns (fonts, pure black, neon glows, invented data)

Good fit for

  • Setting the style of a site or app before generating screens
  • Giving a coding agent precise design rules instead of "make it look nice"
  • Documenting a project's visual identity in a single file

Not for

  • Generating images or mockups directly without a DESIGN.md
  • Maximalist or very busy styles, since the skill favors restraint and a single accent color

Tags

  • design-md
  • art direction
  • typography
  • interface
  • stitch

About

You say

"Write a DESIGN.md for my consulting firm's site, sober editorial mood, creativity 6, density 4."

Excerpt of a DESIGN.md file with palette, typography and component rules

Skill published by google-labs-code under the Apache-2.0 license.

Show more

Prerequisites

You bring
A description of your project and the mood you want and Your brand constraints (color, fonts) if any

How to use it

  1. Describe the project and the mood you want
  2. The agent sets the dials and writes the DESIGN.md section by section
  3. Save it at the project root and ask your agent to follow it for every screen

Content preview

Files

  • LICENSE11.2 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • resources/DESIGN.md12.5 KB
  • SKILL.md12.5 KB

Origin and licence

Modified by PalateKit

Author
google-labs-code
Source
github.com/google-labs-code/stitch-skills/tree/0337446dadde6f8c94210444e2aa9d546126480f/plugins/stitch-utilities/skills/taste-design
Licence
Apache-2.0

Notice

Version modifiée de « taste-design » (google-labs-code, Apache-2.0) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Do I need a Google Stitch account?

Not to write the DESIGN.md. Stitch and its MCP server are only needed if you want to generate screens there; the file also works with other agents.

Can I change the default style?

Yes. The four dials (creativity, density, variance, motion) and the suggested fonts adapt to your project, and the bans can be edited in the file.