Agent Skills
› wannabespace/tamery
wannabespace/tamery
GitHub基于 Apple WWDC 理念，指导 Web 端构建流体交互、弹簧动画及手势驱动的 UI。涵盖响应延迟优化、直接操控、中断式过渡及视觉规范，提升界面自然感与流畅度。
Install All Skills
npx skills add wannabespace/tamery --all -g -y
Skills in Collection (11)
基于 Apple WWDC 理念，指导 Web 端构建流体交互、弹簧动画及手势驱动的 UI。涵盖响应延迟优化、直接操控、中断式过渡及视觉规范，提升界面自然感与流畅度。
构建或审查手势驱动的用户界面
实现弹簧动画、拖拽/滑动/抽屉交互
处理动量与可中断的过渡效果
优化触控反馈与直接操纵体验
npx skills add wannabespace/tamery --skill apple-design -g -y
在提交或更新 PR 前清理代码分支，通过删除死代码、复用逻辑、统一风格及修复 UI 样式来缩小差异，提升代码质量与可维护性。
用户要求清理混乱的分支
准备打开或更新 PR 时
npx skills add wannabespace/conar --skill cleanup -g -y
基于“设计两次”理念，通过并行子代理生成多种截然不同的接口设计方案，并对比其优劣，辅助用户选择或合成最佳模块接口形状。
需要设计API或模块接口
探索不同的接口选项
比较模块的设计形态
提到'design it twice'
npx skills add wannabespace/tamery --skill design-an-interface -g -y
针对落地页、作品集及重设计的前端技能，强调阅读需求简报以推断设计方向，避免通用模板化输出。通过严格的上下文分析和预检机制，确保界面风格贴合受众与品牌约束，实现高质量定制前端开发。
需要生成高质感落地页或作品集
对现有前端界面进行重设计或优化
npx skills add wannabespace/tamery --skill design-taste-frontend -g -y
通过CDP驱动独立的Electron桌面应用实例，执行自动化操作如登录、点击、截图及状态检查，用于测试桌面特有功能或跨设备同步。
需要测试桌面应用独有功能
请求在Electron中运行或截图
需要模拟原生对话框交互
验证跨设备同步逻辑
npx skills add wannabespace/tamery --skill electron-drive -g -y
基于Emil Kowalski的设计工程哲学，指导UI细节打磨、组件设计与动画决策，强调通过隐形细节提升软件质感与用户体验。
UI代码审查
前端交互优化
界面视觉风格咨询
npx skills add wannabespace/tamery --skill emil-design-eng -g -y
Tamery UI设计规范，规定macOS风格界面开发流程。涵盖颜色、排版、动效及交互模式，强制使用UI Kit组件，禁止硬编码样式，确保视觉一致性与可访问性。
构建或重构UI组件
审查前端代码样式规范
实现页面布局与动画效果
npx skills add wannabespace/tamery --skill tamery-ui -g -y
用于测试编写、变更及审查的质量控制技能。包含新增测试的准入审核与现有测试的价值审计，旨在消除冗余、维护耦合及无效测试，确保测试保护真实行为而非实现细节。
编写新测试时
修改现有测试时
审查测试代码时
清理低价值或重复测试时
npx skills add wannabespace/tamery --skill test-audit -g -y
执行极其严格的代码质量审查，重点关注抽象质量、巨型文件和逻辑混乱。通过寻找‘代码柔道’式重构机会，主动优化结构、简化实现并提升可维护性，而非仅指出局部清理点。
用户要求对分支、PR或代码变更进行审查
提及review、code review、quality audit等关键词
npx skills add wannabespace/tamery --skill thermo-nuclear-code-quality-review -g -y
通过浏览器UI模拟真实用户操作，对应用进行端到端QA、冒烟测试及用户旅程验证。聚焦可见交互与功能完整性，不深入代码实现，旨在发现用户视角的缺陷与体验差距。
需要执行冒烟测试或用户旅程测试
请求以用户视角审查产品功能
npx skills add wannabespace/conar --skill user-behavior-qa -g -y
提供Vercel工程团队的React和Next.js性能优化指南，涵盖消除数据瀑布、打包体积优化及服务端性能等70条规则，用于指导代码编写、审查与重构。
编写新的React组件或Next.js页面
实现客户端或服务端数据获取逻辑
审查代码以识别性能瓶颈
重构现有React/Next.js代码以提升效率
npx skills add wannabespace/tamery --skill vercel-react-best-practices -g -y
