Design Dna
zanwei/design-dna
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects…
Lane-stack router for design/brand. An agent skill from VKirill/claude-lane-stack.
Install Project Design
$ npx skills add VKirill/claude-lane-stack --skill project-design -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install VKirill/claude-lane-stack project-design --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/VKirill/claude-lane-stack.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/lane-stack/skills/project-design .claude/skills/project-design && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "project-design" agent skill from https://github.com/VKirill/claude-lane-stack/tree/main/plugins/lane-stack/skills/project-design into .claude/skills/project-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "project-design", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/VKirill/claude-lane-stack/tree/main/plugins/lane-stack/skills/project-designType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add VKirill/claude-lane-stack --skill project-design -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install VKirill/claude-lane-stack project-design --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/VKirill/claude-lane-stack.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/lane-stack/skills/project-design .agents/skills/project-design && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "project-design" agent skill from https://github.com/VKirill/claude-lane-stack/tree/main/plugins/lane-stack/skills/project-design into .agents/skills/project-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "project-design", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add VKirill/claude-lane-stack --skill project-design -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install VKirill/claude-lane-stack project-design --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/VKirill/claude-lane-stack.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/lane-stack/skills/project-design .cursor/skills/project-design && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "project-design" agent skill from https://github.com/VKirill/claude-lane-stack/tree/main/plugins/lane-stack/skills/project-design into .cursor/skills/project-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "project-design", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/VKirill/claude-lane-stack.git --path plugins/lane-stack/skills/project-design--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add VKirill/claude-lane-stack --skill project-design -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install VKirill/claude-lane-stack project-design --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/VKirill/claude-lane-stack.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/lane-stack/skills/project-design .gemini/skills/project-design && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "project-design" agent skill from https://github.com/VKirill/claude-lane-stack/tree/main/plugins/lane-stack/skills/project-design into .gemini/skills/project-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "project-design", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install VKirill/claude-lane-stack project-designInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add VKirill/claude-lane-stack --skill project-design -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/VKirill/claude-lane-stack.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/lane-stack/skills/project-design .github/skills/project-design && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "project-design" agent skill from https://github.com/VKirill/claude-lane-stack/tree/main/plugins/lane-stack/skills/project-design into .github/skills/project-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "project-design", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add VKirill/claude-lane-stack --skill project-design -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install VKirill/claude-lane-stack project-design --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/VKirill/claude-lane-stack.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/lane-stack/skills/project-design .opencode/skills/project-design && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "project-design" agent skill from https://github.com/VKirill/claude-lane-stack/tree/main/plugins/lane-stack/skills/project-design into .opencode/skills/project-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "project-design", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
project-design- GitHub stars
- 122
- Token cost
- ~1k tokens
- SKILL.md length
- 120 words
- Files
- 1
- Skills in repo
- 49
- Repo updated
- First seen
- Licence
- MIT
At a glance
Lane-stack router for design/brand. An agent skill from VKirill/claude-lane-stack.
- User says дизайн
- SKILL.md covers Info (print and stop) and Work (not info)
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- A UI run has no DESIGN.md
What it does
Project Design is an agent skill from VKirill/claude-lane-stack. Lane-stack router for design/brand. Load ui-ux-pro-max. Full DESIGN.md at root and every UI app. Use when user says дизайн, токены, DESIGN.md, brand, UI, баннер, соцсети, or a UI run has no DESIGN.md; $ARGUMENTS exactly info prints the card. SKIP: UI slop / layout review (web-design).
Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering Design tokens and UI design. The repository describes itself as: Multi-agent AI coding factory for one person — Claude Code PM + Codex/Qwen/Grok/Kimi/AGY writers, durable conveyor, auto-merge to main. The licence is MIT.
When your agent uses it
- User says дизайн
- A UI run has no DESIGN.md
- $ARGUMENTS exactly info prints the card
Example prompts
- “/project-design”
Requirements
- Python 3
What it can do on your machine
Read from SKILL.md and the folder at commit ad5d501. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Project Design loads about 1k tokens when it runs. Until then it costs about 76 tokens; SKILL.md has 120 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from VKirill/claude-lane-stack at commit ad5d501, republished under its MIT licence (© VKirill). 120 words, ~1,011 tokens.
Download SKILL.mdSave it as
.claude/skills/project-design/SKILL.md (or your agent's skills folder).- name
- project-design
- description
- Lane-stack router for design/brand. Load ui-ux-pro-max. Full DESIGN.md at root and every UI app. Use when user says дизайн, токены, DESIGN.md, brand, UI, баннер, соцсети, or a UI run has no DESIGN.md; `$ARGUMENTS` exactly info prints the card. SKIP: UI slop / layout review (web-design).
- argument-hint
- [info]
Project design
Load ui-ux-pro-max. One kit: Google DESIGN.md files. No MASTER.md.
Info (print and stop)
If $ARGUMENTS is exactly info:
print the block below verbatim (Russian), then stop. Do not extract. Do not spawn design-lead.
project-design — роутер дизайна lane-stack
Что делает
- Грузит ui-ux-pro-max (поиск стилей, a11y, стек, brand/, banner-design/).
- Пишет полные Google DESIGN.md: корень + каждый UI-app.
- Не пишет design-system/**/MASTER.md и не вызывает --persist.
Кто пишет файлы
- Агент design-lead (терминал: сессия = dev-orchestrator, cwd = проект; Lane Pilot: lane_pilot_specialist role design-lead).
- Онбординг: project-onboarder, если has_ui и DESIGN.md ещё нет.
- Lane writer — только если owns_paths включает DESIGN.md. Иначе match, не invent.
Файлы (все полные, не указатели)
- docs/DESIGN.md — общий бренд, voice, Surfaces (web + social).
- apps/<name>/docs/DESIGN.md — полный файл той поверхности
(cabinet, marketing, …). Те же секции, что у корня. Токены из кода этого app.
Как открыть эту шпаргалку
- /lane-stack:project-design info
- или: lane-stack:project-design info
- или: project-design справка
- каталог всех процессов: /lane-stack:info
Как запустить работу (новая сессия оркестратора)
1) Весь продукт (сайт + кабинет + остальные UI-apps)
Первичный дизайн-анализ. Spawn design-lead, MODE=extract.
Пройди все UI-apps. Полные файлы в docs/DESIGN.md и apps/<name>/docs/DESIGN.md.
Палитру не выдумывай. Ран не открывай.
2) Одна поверхность + корень
Первичный дизайн-анализ. Spawn design-lead, MODE=extract, APP=cabinet.
Обнови docs/DESIGN.md и apps/cabinet/docs/DESIGN.md. Ран не открывай.
3) Новый продукт, UI ещё нет
Spawn design-lead, MODE=seed. Search --design-system, пиши DESIGN.md.
Не --persist, не MASTER.md.
4) Новая страница в живом UI
«планируем, не запускай». Сверь корневой и app DESIGN.md.
Search --design-system только дыры, вмержи в DESIGN.md этой поверхности.
После «делай» — ран. Writer match DESIGN.md того app.
5) Баннер / соцсети
Load ui-ux-pro-max → brand/ + banner-design/.
Размеры и voice → Surfaces в корневом и marketing DESIGN.md.
6) Слоп / ревью вёрстки
Не этот скилл. /lane-stack:web-design info
Агент design-lead MODE=audit. Код — ран.
UI-ран
- Нет нужного DESIGN.md → сначала design-lead, потом запуск писателя (терминал: run-init; Lane Pilot: lane_pilot_specialist role design-lead, потом lane_pilot_dispatch_writer).
- Task read_first: docs/DESIGN.md и apps/<app>/docs/DESIGN.md.
- Не клади DESIGN.md в owns_paths, если исход не токены/доки.
Поиск (локально, без сети)
python3 ~/.agents/skills/ui-ux-pro-max/scripts/search.py "<query>" --domain ux
python3 ~/.agents/skills/ui-ux-pro-max/scripts/search.py "<query>" --design-system -p "Name" -f markdown
python3 ~/.agents/skills/ui-ux-pro-max/scripts/search.py "<query>" --stack nuxtjs
Нельзя
- «см. корень» вместо полного apps/*/docs/DESIGN.md
- Claude Plan mode и ~/.claude/plans/
- выдумывать hex при MODE=extractWork (not info)
- Existing UI: full extract into
docs/DESIGN.mdandapps/<name>/docs/DESIGN.mdfor each UI app. - App files are complete (same sections as root), not a one-line pointer.
- New page:
--design-systemthen merge into the DESIGN.md of that surface. No--persist. - Social / voice:
brand/+banner-design/→ Surfaces on root and on marketing/social apps. - Writers: match the DESIGN.md of the app they edit (
apps/cabinet/docs/DESIGN.mdin cabinet). - Orchestrator: missing any required DESIGN.md →
design-leadbefore the writer dispatch (lane_pilot_dispatch_writerin Lane Pilot afterlane_pilot_specialistroledesign-lead;run-initin the terminal).
© VKirill, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in plugins/lane-stack/skills/project-design of VKirill/claude-lane-stack.
Open the folder on GitHubat commit ad5d501
Compare with similar skills
Project Design next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Project Design this skillVKirill/claude-lane-stack | 122 | — | ~1k | Automated safety check: Pass | MIT | |
| Design Dnazanwei/design-dna | 1.9k | 1 repos | ~2.1k | Automated safety check: Pass | MIT | |
| Figma Design to Codewarpdotdev/warp | 65k | 4 repos | ~2.9k | Automated safety check: Pass | AGPL-3.0 | |
| Design Guidepaperclipai/paperclip | 99k | 1 repos | ~3.1k | Automated safety check: Pass | MIT | |
| Web Designxiaopu-ai/web-design | 783 | — | ~3k | Automated safety check: Pass | MIT | |
| Liuguang Banlan UIsickn33/agentic-awesome-skills | 47k | 1 repos | ~2.5k | Automated safety check: Pass | MIT |
Similar skills
Figma Design to Code
warpdotdev/warp
Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.
Design Guide
paperclipai/paperclip
Paperclip UI design system guide for building consistent, reusable frontend components.
Web Design
xiaopu-ai/web-design
Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX…
Liuguang Banlan UI
sickn33/agentic-awesome-skills
Implements an interface in one of two named color modes, iridescent white or colorful black, from a parameterized starter that reports measured color intensity.
Website Design Taste Extractor
senlindesign/taste-skill
Reverse-engineers a website's design from its URL into a Markdown and JSON pair holding concrete tokens and the trade-offs behind the look.
More from VKirill/claude-lane-stack
All 49 skills in this repoUI UX Pro Max
VKirill/claude-lane-stack
Lane-stack design + brand intelligence (vendored ui-ux-pro-max).
App Architect
VKirill/claude-lane-stack
Owner-facing architect for a new app or service. An agent skill from VKirill/claude-lane-stack.
Browser QA
VKirill/claude-lane-stack
Live browser QA + Playwright-compatible replay. An agent skill from VKirill/claude-lane-stack.
Copy Project Life
VKirill/claude-lane-stack
Карта файлов копирайта в .agents/copy/: шаблоны, статусы, цепочка audience→headlines→ux.
Copy Research
VKirill/claude-lane-stack
Dispatch copy-lead helpers: Tavily, Codex luna/terra, grok/X, OpenCode DeepSeek, Cursor Grok 4.6 medium-fast.
Docs Maintain
VKirill/claude-lane-stack
Keep living docs/ honest after code changes. An agent skill from VKirill/claude-lane-stack.
Related
Categories
Questions about Project Design
What does Project Design do?
Lane-stack router for design/brand. An agent skill from VKirill/claude-lane-stack. Project Design is an agent skill from VKirill/claude-lane-stack. Lane-stack router for design/brand.
When should I use Project Design?
Project Design fits situations like: user says дизайн; A UI run has no DESIGN.md; $ARGUMENTS exactly info prints the card.
How do I install Project Design in Claude Code?
Run `npx skills add VKirill/claude-lane-stack --skill project-design -a claude-code`. Or copy the skill folder (plugins/lane-stack/skills/project-design in VKirill/claude-lane-stack) into .claude/skills/project-design in your project. Claude Code loads it when a task matches its description.
How do I install Project Design in Codex?
Run `npx skills add VKirill/claude-lane-stack --skill project-design -a codex`. Or copy the skill folder (plugins/lane-stack/skills/project-design in VKirill/claude-lane-stack) into .agents/skills/project-design in your project. Codex loads it when a task matches its description.
Can I use Project Design in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add VKirill/claude-lane-stack --skill project-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/project-design, .gemini/skills/project-design, .github/skills/project-design and .opencode/skills/project-design in your project.
What does Project Design need to run?
SKILL.md names no scripts, command-line tools or credentials: Project Design is instructions for the agent only. Our summary lists: Python 3.
Does Project Design access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Project Design safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Project Design use?
Project Design is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Project Design use?
About 1k tokens (SKILL.md is roughly 4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Project Design?
Skills that share tags, products or a category with Project Design: Design Dna (zanwei/design-dna, 1.9k stars), Figma Design to Code (warpdotdev/warp, 65k stars), Design Guide (paperclipai/paperclip, 99k stars) and Web Design (xiaopu-ai/web-design, 783 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Project Design?
VKirill (a GitHub user) maintains it in VKirill/claude-lane-stack, which has 122 GitHub stars. The repository holds 49 skills in this directory. The repository was last updated on October 6, 2026.
Source: VKirill/claude-lane-stack on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.