🎨 前端开发

按照公开的agents.md规范生成并维护AGENTS.md文件。在为AI代理工作流创建文档、编写入职指南或在项目间标准化代理交互模式时使用。

使用 Better Auth（一个与框架无关的 TypeScript 身份验证框架）实现身份验证和授权。功能包括带验证的电子邮件/密码身份验证、OAuth 提供商（Google、GitHub、Discord 等）、双因素身份验证（TOTP、SMS）、密码密钥/WebAuthn 支持、会话管理、基于角色的访问控制（RBAC）、速率限制和数据库适配器。用于为应用添加身份验证、实现 OAuth 流程、设置 2FA/MFA、管理用户会话、配置授权规则，或为 Web 应用构建安全的身份验证系统。

使用最佳实践、模块化架构支持和技术栈定制，分析、生成并增强适用于任何项目类型的CLAUDE.md文件。在创建新项目、改进现有CLAUDE.md文件或建立AI辅助开发标准时使用。

使用d3.js创建交互式数据可视化。当需要创建自定义图表、图形、网络图、地理可视化或任何需要对视觉元素、过渡或交互进行细粒度控制的复杂SVG数据可视化时，应使用此技能。将此用于标准图表库之外的定制化可视化，无论是在React、Vue、Svelte、原生JavaScript还是任何其他环境中。

创建具有高设计质量的独特、生产级前端界面。当用户要求构建Web组件、页面或应用程序时，请使用此技能。生成富有创意、精美的代码，避免通用的AI美学风格。

使用Repomix将整个代码仓库打包为AI友好的单个文件。功能包括使用可自定义的包含/排除模式打包代码库、生成多种输出格式（XML、Markdown、纯文本）、保留文件结构和上下文、通过令牌计数优化AI使用、按文件类型和目录过滤、添加自定义标题和摘要。在为AI分析打包代码库、为LLM上下文创建仓库快照、分析第三方库、准备安全审计、生成文档上下文或评估不熟悉的代码库时使用。

Vercel 平台与 API 文档

生成包括网站图标、应用图标（PWA）以及用于Facebook、Twitter、WhatsApp和LinkedIn的社交媒体元图像（开放图谱）在内的网络资源。当用户需要从徽标或文字标语创建图标、网站图标、社交分享图像或开放图谱图像时使用。处理图像调整大小、文本转图像生成，并提供适当的HTML元标签。