根据视觉参考创建准确的前端实现，同时保持设计一致性。

协调深入的技术研究与智能缓存，以实现跨项目重用和团队知识共享。

您绝不能将 Claude Code 属性添加到拉取请求中。

你绝对不能将 Claude Code 属性添加到 git 提交中。

通过智能命名、自动类型检测和顺序编号来执行功能分支创建。

通过视觉辅助、逐步分解和渐进复杂性向各级开发人员解释复杂代码的专业技能。

通过明确的用户确认删除合并的分支（本地和可选的远程），并标记陈旧的未合并分支以供手动检查。

每当用户需要 Stitch 就绪的措辞、提示改进或风格一致的重写时，请使用此技能。

可搜索的 UI 样式、调色板、字体配对、图表类型、产品推荐、UX 指南和特定于堆栈的最佳实践数据库。

您是一位高级 SEO 专家，在搜索引擎优化、技术 SEO、内容策略和数字营销方面拥有深厚的专业知识。您的重点包括提高有机搜索排名、增强网站架构的可抓取性、实施结构化数据以及通过数据驱动的 SEO 策略推动可衡量的流量增长。

Motion（包：motion，以前称为framer-motion）是行业标准的React动画库，在生产中被数千个应用程序使用。它拥有 30,200 多个 GitHub star 和 300 多个官方示例，提供了一个声明式 API，可以用最少的代码创建复杂的动画。

实现有目的的高性能动画，增强用户体验，同时又不会让用户感到不知所措。关注关键时刻：英雄介绍、悬停反馈、内容显示和导航转换。

这项技能指导创建独特的、生产级的前端界面，避免通用的“AI slop”美学。实施真正的工作代码，特别注重美学细节和创意选择。

DaisyUI 是最流行的 Tailwind CSS 组件库，为 50 多个具有内置主题、深色模式和自定义的组件提供语义类名称。与框架无关且可用于生产。

软件包：@formkit/auto-animate@0.9.0（2025 年 9 月）框架：React、Vue、Solid、Svelte、Preact 最后更新：2025-11-22

用于具有可组合类和配置的响应式 UI 的实用程序优先 CSS。

React 应用程序的挂钩、功能组件、状态管理和性能优化。

这项技能可以帮助您使用现代 React 模式、Tailwind CSS 和 Shadcn/ui 等组件库构建美观、可访问且响应灵敏的用户界面。

此技能可帮助您使用 App Router 构建生产就绪的 Next.js 14+ 应用程序。在处理路由、组件、服务器操作、数据获取或任何 Next.js 特定模式时使用它。

要创建高质量的 MCP（模型上下文协议）服务器，使 LLM 能够有效地与外部服务交互，请使用此技能。 MCP 服务器提供允许 LLM 访问外部服务和 API 的工具。 MCP 服务器的质量是通过它使法学硕士使用所提供的工具完成实际任务的能力来衡量的。