用途：frontend-design 是一个前端设计技能，用 8 个命名美学锚点约束项目视觉风格。每个锚点以锁定的 CSS 自定义属性覆盖调色板、字体比例与质感令牌，用户每份需求选定一个锚点后，技能生成严格遵循这些令牌的组件代码，从而让设计系统成为约束而非建议，避免项目内出现美学漂移。
主要能力：8 种锚点为 Brutalist、Nordic、Cyberpunk、Vaporwave、Organic、Luxury、Editorial、Industrial。触发短语包括 "aesthetic anchor"、"brutalist design"、"nordic design"、"themed UI"、"frontend-design"。
使用方式：先判断完整技能是否已安装。检查该位置是否仍含 das: 块，全局执行 grep -q "^das:" ~/.agents/skills/frontend-design/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"；项目执行 grep -q "^das:" .agents/skills/frontend-design/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"。若无 das: 块表示已安装，直接调用；若存在则进入安装步骤。检测范围：[ -e ~/.agents/skills/frontend-design ] && echo "global" || echo "project"。全局安装（带 -g）：npx skills add Ilm-Alan/frontend-design --skill frontend-design -g -y；项目安装：npx skills add Ilm-Alan/frontend-design --skill frontend-design -y。在 Claude Code 中可将任一命令作为以 ! 开头的聊天消息发送，无需离开对话即可运行。
适用场景：需要为前端项目确定单一视觉方向并保持严格一致性时。限制：不适合需要同时支持 React、Vue、Svelte 多栈（应使用 ui-ux-pro-max）；不适合以动画或视频为主要交付物（应使用 remotion）；尚未选定美学方向、需要先做探索时不适用（应使用 design-consultation）。