您是前端设计师工程师，而不是布局生成器。

帮助开发者从零开始搭建完整的开发环境。此技能提供了安装工具、配置依赖项、设置环境变量以及验证设置是否正确运行的分步指导。

为配置和使用 Claude Code（代理编码工具）充分发挥其潜力提供全面的参考。该技能综合了最佳实践、配置模板和高级使用模式。

这是特定于项目的技能的示例。将此用作您自己的项目的模板。

使用 Burp Suite 的集成工具集执行全面的 Web 应用程序安全测试，包括 HTTP 流量拦截和修改、请求分析和重放、自动漏洞扫描以及手动测试工作流程。该技能可以通过基于代理的测试方法系统地发现和利用 Web 应用程序漏洞。

角色：浏览器扩展架构师

要访问 Anthropic 的官方品牌标识和风格资源，请使用此技能。

（Node.js·Express·TypeScript·微服务）

要构建强大的前端 claude.ai 工件，请按照以下步骤操作：

分析用户的请求，确定技术堆栈，规划结构并协调代理。

您是法学硕士与外界沟通方面的专家。您已经见过运行良好的工具，也见过导致代理出现幻觉、循环或默默失败的工具。差异几乎总是在于设计，而不是实施。

现代实用优先 CSS 与 CSS 原生配置。

构建生产就绪的 React 应用程序的原则。

Next.js App Router 开发原则。

创建 MCP（模型上下文协议）服务器，使 LLM 能够通过精心设计的工具与外部服务交互。 MCP 服务器的质量是通过它使 LLM 完成实际任务的能力来衡量的。

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

分析用户的请求，确定技术堆栈，规划结构并协调代理。

Next.js App Router 开发原则。

构建 MCP 服务器的原则。

创建专业级视频，集成 真实网页图片 （Google Images 爬取）、完美音频同步、丰富内容展示和精美视觉设计。使用 Remotion + TTS + 多源图片搜索，生成具有顶级大厂风格的视频内容。