·frontend-design
</>

frontend-design

vudovn/antigravity-kit

Web UI 的设计思维和决策。在设计组件、布局、配色方案、排版或创建美观的界面时使用。教导的是原则,而不是固定的价值观。

89安装·2热度·@vudovn

安装

$npx skills add https://github.com/vudovn/antigravity-kit --skill frontend-design

SKILL.md

Philosophy: Every pixel has purpose. Restraint is luxury. User psychology drives decisions. Core Principle: THINK, don't memorize. ASK, don't assume.

| ux-psychology.md | 🔴 REQUIRED | Always read first! | | color-system.md | ⚪ Optional | Color/palette decisions | | typography-system.md | ⚪ Optional | Font selection/pairing | | visual-effects.md | ⚪ Optional | Glassmorphism, shadows, gradients | | animation-guide.md | ⚪ Optional | Animation needed | | motion-graphics.md | ⚪ Optional | Lottie, GSAP, 3D |

🔴 ux-psychology.md = ALWAYS READ. Others = only if relevant.

Web UI 的设计思维和决策。在设计组件、布局、配色方案、排版或创建美观的界面时使用。教导的是原则,而不是固定的价值观。 来源:vudovn/antigravity-kit。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/vudovn/antigravity-kit --skill frontend-design
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 frontend-design?

Web UI 的设计思维和决策。在设计组件、布局、配色方案、排版或创建美观的界面时使用。教导的是原则,而不是固定的价值观。 来源:vudovn/antigravity-kit。

如何安装 frontend-design?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/vudovn/antigravity-kit --skill frontend-design 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/vudovn/antigravity-kit