ia-frontend-design
为前端界面提供视觉设计与美学方向：先写三句设计哲学（意图、标志、约束），再检测项目设计信号，决定沿用现有体系、混合补全还是绿地全案。涵盖令牌与排版、动效、状态完备（加载/空/错误）、焦点与对比度、减少动效、移动端与性能、Next.js 服务端与客户端边界，并含换稿测试、依赖检查与渲染验证清单。适用场景：从零构建页面或应用、按截图/设计稿还原、改造既有界面。输入为需求、参考稿或现有代码库，输出生产级视觉方案与实现代码及完成报告。
安装技能
复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。
执行命令安装此 skill： npx secure-skills-cli add compound-eng-frontend-design当前版本尚未通过审核，SKILL.md 暂不对外展示。