Create Design Md

Julien Thibeaut

Create or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its visual system, extract design tokens and guidance from current evidence, or give coding agents persistent UI context. Do not modify product source or promote accidental implementation patterns into design decisions.

Install

npx skills add ibelick/ui-skills --skill create-design-md

npx skills add ibelick/ui-skills --skill create-design-md -a claude-code -g

npx skills add ibelick/ui-skills --skill create-design-md -a codex -g

gemini skills install https://github.com/ibelick/ui-skills.git --path skills/create-design-md

gh skill install ibelick/ui-skills create-design-md

git clone --depth 1 https://github.com/ibelick/ui-skills /tmp/ibelick__ui-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/ibelick__ui-skills/skills/create-design-md ~/.claude/skills/create-design-md   # Claude Code
cp -R /tmp/ibelick__ui-skills/skills/create-design-md ~/.agents/skills/create-design-md   # Codex, Cursor, Gemini CLI, Copilot, OpenCode

Install

Related