figma-design-to-code
使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码,精确处理标记、样式与设计标记整合。
探索可复用的代理技能,查看实现细节,快速找到适合你工作流程的技能。
共找到 228 个技能
使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码,精确处理标记、样式与设计标记整合。
lemline-core 开发指南。适用于无状态 Serverless Workflow 引擎,涵盖工作流执行、节点导航、状态转换、JQ 表达式评估、错误处理及并行分支逻辑。
使用 shadcn/ui 和 Tailwind CSS 构建可访问且一致的用户界面。采用组件优先架构以建立设计系统、集成 React Hook Form,并实践响应式移动优先开发。
使用可视化图表、生活比喻、逐步导览与常见陷阱来解释代码。
使用 HexDI 原则设计模块化 TypeScript 库:实现编译时依赖验证、功能优先组织与清晰的 API 边界。
使用 CodeQL 进行深入的代码安全性分析,支持跨程序数据流、污染追踪及多种语言的自动化漏洞检测。
使用 Rust、Axum 与 HTMX 构建交互式超媒体 Web 应用程序,无需复杂的 JavaScript 框架即可实现动态与实时 UI 更新。
Google Ads 整合工具,通过 Membrane CLI 管理广告活动、账户、预算与报告。利用自动化身份验证与跨资源管理功能,优化您的广告工作流程。
使用自动化子代理程序抓取并汇总最新的 Posit 新闻、博客文章、播客、视频内容与活动公告。
为事件溯源系统构建读取模型与投影,适用于 CQRS、物化视图及查询性能优化。
一套用于开发与打包复杂、多组件 React/TypeScript 网页实体的工具包,整合了 Vite、Tailwind CSS 与 shadcn/ui。
一个系统化的多角度网页研究代理。适用于深度调查、复杂问题查询,以及在内容生成前作为强制性的研究步骤,确保获得有据可查的高质量结果。