figma-design-to-code
使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码,精确处理标记、样式与设计标记整合。
探索可复用的代理技能,查看实现细节,快速找到适合你工作流程的技能。
共找到 498 个技能
使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码,精确处理标记、样式与设计标记整合。
实现 shadcn/ui 组件:包含安装、Vite/TanStack Router 配置、CLI 命令管理及 Tailwind CSS 集成。
使用 Better Auth 在 TypeScript/JavaScript 应用程序中构建与实现身份验证。自动检测框架、配置数据库适配器、设置路由处理程序、加入 OAuth 提供者并创建 UI 页面。
n8n 集成自动化测试框架,涵盖 API 合约验证、身份验证流程、速率限制处理与错误情境测试。
为所有软件开发任务提供强制性的执行验证。在确认结果前,通过实际运行来确保代码功能正确。
发现并安装代理技能以扩展 DeerFlow 功能。使用此技能搜索适用于编码、测试、部署等任务的工具、工作流程或专业知识。
提供编写 Playwright 测试的最佳实践指南,包含定位器策略、断言规范及 CI/代理集成建议。
通过 API 管理 YNAB 预算、追踪支出并自动化财务报告。支持记账、目标监控及自动化预算分析功能。
提供模型上下文协议 (MCP) 服务器开发指南,涵盖工具设计、资源处理及 AI/ML 整合模式。
为 Python 代码提供 6 阶段只读分析的工作流程,根据项目类型(从 POC 到开源)检测设计原则违规、代码异味并建议现代化改善方案。
VVM (Vibe Virtual Machine) 是一种代理程序语言,将 LLM 作为运行时。它可用于编排多代理工作流、管理状态并构建弹性 AI 流水线。
基于 Lightning CSS 或 PostCSS 的 CSS Modules 组件封装策略,包含 TypeScript 集成与 Vite 配置。