工程开发生产力
figma
利用 Figma MCP 服务器获取设计数据、提取资源,并将 Figma 节点转换为符合设计系统规范的 React 与 Tailwind 代码。
浏览: 15★ 2,245
探索可复用的代理技能,查看实现细节,快速找到适合你工作流程的技能。
共找到 144 个技能
利用 Figma MCP 服务器获取设计数据、提取资源,并将 Figma 节点转换为符合设计系统规范的 React 与 Tailwind 代码。
自动化前端组件测试、用户交互模拟、API 模拟,以及设置 Vitest、React Testing Library 与 Vue Test Utils。
用于建立项目专属 AI 代理指南的模板技能,定义确定性开发所需的架构、文件结构与代码模式。
使用官方迁移指南与自动化 codemods 将 Next.js 项目升级至最新版本。
Jean Claude 编排框架的专家开发指南。适用于源代码修改、架构设计、测试与调试。
用于提交前与部署前检查的自动化代码质量验证工具,涵盖 TypeScript、构建与 lint 检查。
一个自动化的 UI 实现代理,利用 Figma MCP 和浏览器渲染验证,将 Figma 设计转换为像素级精确的代码。
一套为 Claude Code 设计的全面配置套件,包含生产级 Agent、技能、Hook 和自动化工作流程,专为高强度开发优化。
使用 Rust、Axum 与 HTMX 构建交互式超媒体 Web 应用程序,无需复杂的 JavaScript 框架即可实现动态与实时 UI 更新。
诊断并解决常见的 Flutter 运行时与布局错误,包括 RenderFlex 溢出、无界约束以及状态管理问题。
为创建 OpenCode AI 代理程序提供专家指导和配置标准,涵盖 YAML frontmatter、工具权限设置及操作模式等。
根据 Figma 或设计稿实现 UI 组件,提供像素级精确度、智能设计验证与自适应代理切换功能。