SuperAPI AI 工具集

creative-excellence

设计与创作

查看项目

更新于 10-15 17:20

技能介绍

用途:把创意类编码请求做得更出色,适配不同项目规模与技术栈。

工作流程:

  1. 扫描:读取 package.json,识别动画库(gsap、framer-motion、three、@react-three/fiber、@react-three/drei、anime.js、popmotion、lenis、locomotive-scroll)、框架(React、Vue、Svelte、Next.js、Nuxt、Astro、Solid、Qwik)与 CSS 方案(Tailwind、styled-components、emotion、sass、less、vanilla-extract、panda),并查看 tailwind.config.、postcss.config.。未检测到则从零开始。
  2. 范围:Light(单一组件,1-2 个子技能)、Medium(页面或区块,2-3 个子技能,2-3 个变体)、Full(完整应用或视觉重做,全流程)。原则是不为悬停效果动用重型方案。
  3. 交互命题:编码前用一句话描述交互意图,并等待确认。
  4. 加载子技能:先定位插件根目录 PLUGIN_ROOT=$(find ~/.claude/plugins -path "*/creative-excellence/skills" -type d | head -1 | sed 's|/skills$||'),始终加载 _creative/motion-principles/SKILL.md,再按检测结果加载 gsap、framer-motion、css-native、threejs-r3f、canvas-generative 等;视觉审计加载 design-audit,高级 UI/UX 加载 ui-ux-pro-max。
  5. 实现:遵守已验证的命题与运动原则;Medium/Full 提供 2-3 个由细微到惊艳的变体。
  6. 小审计:检查 prefers-reduced-motion、退出动画、避免对 width/height/top/left 做动画、性能(避免强制回流、慎用 will-change)。

规则:未经确认的命题不得编码;拒绝通用化设计;安装依赖前必须先询问;按范围匹配复杂度;项目已用 GSAP 则沿用;优先保证 60fps。

限制:资料未提供价格、平台支持范围、效果承诺或具体安装方式。