create-design-md

Installation
SKILL.md

Create DESIGN.md

Create or update DESIGN.md in English only. The document must translate brand strategy into usable design direction for product UI, landing pages, visual systems, and implementation.

The result should be specific enough that designers, frontend developers, and AI coding agents can build consistent screens from it.

Workflow

Step 1: Inspect Existing Context

Before writing, inspect the project for available context.

Prioritize these sources:

  1. BRANDING.md as the primary source of truth when it exists.
  2. README.md and product docs for product purpose, audience, positioning, and feature scope.
  3. Existing UI files, routes, components, and screen names.
  4. Theme files, design tokens, CSS variables, global CSS, Tailwind config, UI library config, or React Native theme files.
  5. App screenshots, marketing images, logos, icons, or visual assets when available.
Installs
3
GitHub Stars
4
First Seen
May 18, 2026
create-design-md — ragnarok22/agent-skills