SuperAPI AI 工具集

chameleon-adapt

通用与其它

查看项目

更新于 10-15 17:22

技能介绍

用途:让页面或组件适配所在环境,实现玻璃拟态(glassmorphism)、季节主题与自然装饰,使界面显得自然协调。适用于 Grove 站点页面设计、视觉润色、季节装饰或天气效果、玻璃容器、自然组件(树木、鸟、粒子)以及配色系统相关工作。

主要能力:按五阶段流程执行——READ 评估季节(spring/summer/autumn/winter,含 Midnight)与情绪基调;SKETCH 用 Glass、GlassCard、GlassButton 等建立玻璃层次结构;COLOR 应用 @autumnsgrove/lattice/ui/nature 的季节配色,强调色须用 var(--grove-accent-*) 令牌,用户可见文案用 GroveTerm 组件;TEXTURE 添加随机森林(树间最小 8% 间隙)、天气粒子、季节鸟类与 Lucide 图标;ADAPT 收尾并检查无障碍。参考文件按阶段加载,如 layout-patterns.md、color-palette.md、glass-components.md、nature-components.md、groveterm-system.md。

使用方式:在用户要求“设计此页面”“让页面像 Grove”“增加视觉润色”“主题化”,或调用 /chameleon-adapt 时激活。验证须运行 pnpm install 与 gw ci --affected --fail-fast --diagnose;组件须通过 Showroom 审计,页面用 Glimpse 做 capture、matrix、browse 视觉验证。移动端减少粒子、为导航加溢出菜单、触控目标至少 44x44px、尊重 prefers-reduced-motion。

限制:数据密集界面、管理后台、表单应少装饰甚至不用粒子;品牌色场景慎用季节色;多层玻璃可能影响模糊性能;随机化内容不适合需跨会话一致的场景;移动优先或简单信息页不宜复杂森林。原文未提供安装之外的独立发布信息、价格或平台限制。