Agent Skills
› wannabespace/conar
wannabespace/conar
GitHub基于 Apple WWDC 设计原则的 Web 界面技能，涵盖手势驱动 UI、弹簧动画、拖拽交互及响应式反馈，旨在打造自然流畅的用户体验。
Install All Skills
npx skills add wannabespace/conar --all -g -y
Skills in Collection (8)
基于 Apple WWDC 设计原则的 Web 界面技能，涵盖手势驱动 UI、弹簧动画、拖拽交互及响应式反馈，旨在打造自然流畅的用户体验。
构建或审查手势驱动的 UI 组件
实现弹簧动画、拖拽或滑动交互
优化界面响应延迟与物理运动效果
npx skills add wannabespace/conar --skill apple-design -g -y
在提交或更新 PR 前清理代码分支，通过删除死代码、复用逻辑、统一风格及修复 UI 样式来缩小差异，提升代码质量与可维护性。
用户要求清理混乱的分支
准备打开或更新 PR 时
npx skills add wannabespace/conar --skill cleanup -g -y
基于“设计两次”理念，通过并行子代理生成多种截然不同的接口设计方案，并对比优劣以合成最佳方案。适用于API设计、模块接口探索及选项比较场景。
用户希望设计API或模块接口
用户想要探索不同的接口选项
用户提到 'design it twice' 或需要比较模块形状
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代码审查与优化建议
前端交互与动画设计咨询
界面细节与用户体验评估
npx skills add wannabespace/conar --skill emil-design-eng -g -y
Tamery UI设计规范，涵盖macOS原生风格、颜色、排版及交互模式。提供组件使用硬规则，如禁用dark选择器、强制Token化尺寸，并指导如何调用shadcn registry组件以确保一致性。
构建或重构UI组件
审查前端代码样式合规性
调整页面主题或动画
npx skills add wannabespace/conar --skill tamery-ui -g -y
通过浏览器UI模拟真实用户操作，对应用进行端到端QA、冒烟测试及用户旅程验证。聚焦可见交互与功能完整性，不深入代码实现，旨在发现用户视角的缺陷与体验差距。
需要执行冒烟测试或用户旅程测试
请求以用户视角审查产品功能
npx skills add wannabespace/conar --skill user-behavior-qa -g -y
提供React和Next.js性能优化指南，涵盖70条规则。用于编写、审查或重构代码时确保最佳性能模式，涉及组件开发、数据获取、包体积优化及渲染性能提升等场景。
编写新的React组件或Next.js页面
实现客户端或服务端数据获取
审查代码以发现性能问题
重构现有React/Next.js代码
优化包体积或加载时间
npx skills add wannabespace/conar --skill vercel-react-best-practices -g -y
