claude-design-principles

by Jane-xiaoer · Claude Skill · ★ 31

About claude-design-principles

claude-design-principles 从 Claude Design 的系统 prompt 中提炼的设计判断力,打包为 Claude Code skill。 这是一个提炼自 Anthropic Claude Design 产品 system prompt 的设计原则 skill。把 Claude Design 产品里关于"设计判断力"的部分压缩成一个 Claude Code 可用的 skill,在做任何 HTML / UI / 幻灯片 / 原型 / 海报 任务前自动加载。 为什么需要它 Claude Design 产品有两层能力: Prompt 层 — 设计哲学、反模式清单、多方案思维、10+ 提问习惯 运行时层 — 实时预览 iframe、verifier 子代理、starter components、Tweaks postMessage 主机 第二层绑定 Claude Design 自己的宿主环境,无法迁移到 Claude Code。但第一层完全可以——它就是纯粹的认知资产。这个 skill 把第一层固化下来。 安装 Claude Code 下次启动会自动识别这个 skill。 使用 直接让 Claude Code 做设计相关的任务即可。skill 的...

Quick Facts

Stars31
Forks4
LanguageHTML
CategoryClaude Skill
LicenseMIT
Quality Score56.6036746007663/100
Last Updated2026-04-21
Created2026-04-19
Platformsclaude-code
Est. Tokens~6k

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular HTML Agent Tools

Frequently Asked Questions

What is claude-design-principles?

claude-design-principles is Distilled design judgment from Claude Design system prompt, packaged as a Claude Code skill.. It is categorized as a Claude Skill with 31 GitHub stars.

What programming language is claude-design-principles written in?

claude-design-principles is primarily written in HTML.

How do I install or use claude-design-principles?

You can find installation instructions and usage details in the claude-design-principles GitHub repository at github.com/Jane-xiaoer/claude-design-principles. The project has 31 stars and 4 forks, indicating an active community.

What license does claude-design-principles use?

claude-design-principles is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Claude Skill tools