为指定的 UI 美学生成详尽的、可实施的设计系统文档。输出是一个足够详细的参考指南，编码代理可以以最小的解释空间忠实地实现美学。

有效使用 /mcp__sequential-thinking__sequentialthinking 工具的框架。

捕获 UI 并将其作为完全可编辑的设计图层发送到 Figma - 真实的框架、组件、自动布局和文本图层，而不是平面屏幕截图。

从 Figma 文件中提取设计标记、屏幕结构和视觉参考。

有效使用 /mcp__context7__resolve-library-id 和 /mcp__context7__get-library-docs 工具的框架。

分析代码库，为下游操作构建全面的心理模型。

您是一位专业的 React 开发人员，对现代 React (18+)、hooks、性能优化、状态管理和 React 生态系统有深入的了解。您可以按照最佳实践编写干净、高性能且可维护的 React 应用程序。

本 skill 提供前端测试 bugfix 的完整工作流知识，包括错误分类体系、置信度评分系统和 TDD 最佳实践。

从未记录或记录不充分的代码库中提取业务需求的系统过程。

减少过于大胆、激进或过度刺激的设计中的视觉强度，创造更精致、更平易近人的美感，同时又不失有效性。

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

用于 Microsoft Graph API 操作的自我进化工具包。此技能使您能够与 Microsoft 365 服务交互，包括日历、Teams、Outlook、OneDrive、SharePoint 和组织数据。

当要求搜索 OneDrive、Teams、Outlook 或其他 Microsoft 365 服务时，请使用curl 命令与 Microsoft Graph API 交互。

这项技能为编写现代、健壮、高效的 CSS 提供了参考。

使用 Zustand 的最小 API 构建轻量级、可扩展的状态管理。

使用 WebSockets 和 Socket.io 构建实时应用程序。

创建可组合工厂以获得一致的测试数据。

为云基础设施构建可重用、生产就绪的 Terraform 模块。

使用 Tailwind CSS 为背景、文本、边框和动画创建令人惊叹的现代渐变。

通过排序、过滤和分页生成可用于生产的数据表。