elite-design-core
✓精英网页设计的切入点。涵盖设计理念、视觉系统和设计到代码的过程。当被问及以下问题时使用：高级网站设计、屡获殊荣的美学、设计系统、视觉层次、间距、排版、色彩理论或“如何使其看起来专业”。这项技能提供了指导所有其他精英网页设计技能的基础思维。新项目或确定设计方向时从这里开始。
SKILL.md
| Visual hierarchy | visual-hierarchy.md | | Spacing systems | spacing-systems.md | | Typography | typography.md | | Color theory | color-theory.md |
Restraint Over Excess Every element earns its place. Remove until it breaks, then add back one thing.
Intentional Motion Animations guide attention and communicate state - never decoration. Each animation answers: "What does this help the user understand?"
精英网页设计的切入点。涵盖设计理念、视觉系统和设计到代码的过程。当被问及以下问题时使用：高级网站设计、屡获殊荣的美学、设计系统、视觉层次、间距、排版、色彩理论或“如何使其看起来专业”。这项技能提供了指导所有其他精英网页设计技能的基础思维。新项目或确定设计方向时从这里开始。 来源：rshvr/elite-web-design。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/rshvr/elite-web-design --skill elite-design-core- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-11
- 更新时间
- 2026-02-18
快速解答
什么是 elite-design-core？
精英网页设计的切入点。涵盖设计理念、视觉系统和设计到代码的过程。当被问及以下问题时使用：高级网站设计、屡获殊荣的美学、设计系统、视觉层次、间距、排版、色彩理论或“如何使其看起来专业”。这项技能提供了指导所有其他精英网页设计技能的基础思维。新项目或确定设计方向时从这里开始。 来源：rshvr/elite-web-design。
如何安装 elite-design-core？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/rshvr/elite-web-design --skill elite-design-core 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/rshvr/elite-web-design
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-11