Agent Skills
› wannabespace/conar
wannabespace/conar
GitHub基于Apple WWDC规范，指导Web端构建流体交互、手势驱动UI及弹簧动画。涵盖Pointer Events、惯性动效、即时反馈及视觉深度设计，用于打造类原生体验的界面。
Install All Skills
npx skills add wannabespace/conar --all -g -y
Skills in Collection (6)
基于Apple WWDC规范，指导Web端构建流体交互、手势驱动UI及弹簧动画。涵盖Pointer Events、惯性动效、即时反馈及视觉深度设计，用于打造类原生体验的界面。
实现拖拽、滑动或弹窗等手势交互
优化UI响应延迟与动效流畅度
审查界面是否符合Apple设计规范
npx skills add wannabespace/conar --skill apple-design -g -y
基于“设计两次”理念，通过并行子代理生成多种截然不同的接口设计方案，并进行对比评估与综合，帮助用户探索最优模块接口设计。
用户希望设计API或模块接口
用户要求探索不同的接口选项
用户提到需要比较模块形状
用户明确要求“设计两次”
npx skills add wannabespace/conar --skill design-an-interface -g -y
面向落地页、作品集及重设计的前端技能，通过解读需求简报推断设计方向，避免模板化输出，确保界面具备高质量审美与上下文适配性。
用户需要生成或优化前端页面（如落地页、作品集）
用户请求进行现有页面的视觉重设计
npx skills add wannabespace/conar --skill design-taste-frontend -g -y
基于Emil Kowalski的设计工程哲学，指导UI打磨、组件设计与动画细节，强调品味与隐形细节对用户体验的杠杆作用，提供代码审查格式规范。
需要优化UI/UX体验时
进行前端界面代码审查时
设计组件交互与动画效果时
npx skills add wannabespace/conar --skill emil-design-eng -g -y
Tamery UI设计系统规范，定义macOS原生风格的前端开发硬规则。涵盖色彩、排版、动效及组件使用约束，指导Electron+React应用的UI构建、重构与审查，确保视觉一致性与可访问性。
构建或重写前端UI组件
进行前端代码审查
调整应用主题或样式
npx skills add wannabespace/conar --skill tamery-ui -g -y
基于Vercel工程团队的React和Next.js性能优化指南，提供70条规则，涵盖消除数据瀑布、包体积优化及服务端渲染等，用于指导代码编写、审查与重构以提升应用性能。
编写或重构React组件和Next.js页面
进行代码审查以发现性能问题
优化数据获取策略或减小包体积
npx skills add wannabespace/conar --skill vercel-react-best-practices -g -y
