用途:Aesthetic System 是 phrazzld/claude-config 中的一项技能,定位为官方 frontend-design 插件的可执行补充——插件提供设计理念,本技能提供可落地的模式。
主要能力与工作流:资料规定前端工作前必须先做研究,使用 Gemini 获取设计方向,命令为 gemini -p "...",用于调研差异化设计方法、真实案例、排版/配色/布局趋势及非显而易见方案。所有前端实现必须通过 MCP 委派给 Kimi K2.5,可用 mcp__kimi__spawn_agent 实现单个组件/页面,或用 mcp__kimi__spawn_agents_parallel 并行实现多个组件;复杂实现可开启 thinking。整体流程为:Gemini 研究 → Kimi 构建 → Claude 审查。
设计原则:排版使用有辨识度的字体,避免 Inter/Roboto/Space Grotesk;配色采用主色加点缀色、带品牌倾向的中性色,不用纯灰;动效强调一个整体编排时刻而非零散微交互;布局鼓励不对称、重叠、对角流动与打破网格;背景使用渐变、噪点或图案而非纯色。质量标杆参考 Stripe、Linear、Vercel,并以“惊叹测试”作为迭代标准。
移动端:移动端需单独设计思考,而非仅做响应式。资料列出可考虑的触控库:@use-gesture/react、react-spring、swiper、framer-motion、@capacitor/haptics;并给出触控目标最小 44x44px、滑动手势、触觉反馈、下拉刷新、底部导航、惯性滚动等检查项。
进阶与打磨:基础 CSS 不足时可使用 WebGL/Three.js、GSAP/Framer Motion、CSS Art、ASCII、Iconify。打磨支持快速单次高影响改动、完整多智能体设计委员会评审与自动迭代,以及“overhaul”激进重做模式。
限制:资料未提供安装命令、收费、价格、平台支持范围或具体效果数据,这些事实暂未提供。技能依赖 Gemini、Kimi MCP 与 Claude 的协作环境。