figma-design-to-code
使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码,精确处理标记、样式与设计标记整合。
探索可复用的代理技能,查看实现细节,快速找到适合你工作流程的技能。
共找到 77 个技能
使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码,精确处理标记、样式与设计标记整合。
React Native 开发最佳实践,适用于 Expo 与原生项目。涵盖项目结构、路由导航、NativeWind 样式、平台特定代码及 TypeScript 整合。
Preact 与 Tailwind 的前端编码规范。适用于集群应用程序的网页 UI 组件开发。
使用 LaTeX TikZ 建立专业技术图表与流程图,提供 Google Material 与 Anthropic 风格的标准化设计主题。
官方 AIRIOT 开发套件,用于构建基于 React、TypeScript 与 shadcn/ui 的应用程序,并集成实时平台功能。
Nuxt UI v4 生产级组件库,包含 125+ 个可访问组件、Tailwind CSS v4、Reka UI,以及专为仪表板、AI 对话和编辑器设计的专业布局。
世界级资深数据工程技能,用于构建可扩展的数据管道、ETL/ELT 系统及现代化数据基础设施,精通 Python、Spark、dbt 与 Kafka。
为 Claude Code 设计的嵌套插件架构,通过动态加载 Playbooks、Skills 与 Agents,有效节省超过 90% 的上下文标记空间。
为 AI 编码代理生成分层且节省 token 的 AGENTS.md 文件,提供全库上下文与项目特定指南。
使用 AI 为 Reactive Resume 生成专业简历。协助您构建、编写并优化简历内容,并输出为符合 rxresu.me 标准的 JSON 格式。
基于 Lightning CSS 或 PostCSS 的 CSS Modules 组件封装策略,包含 TypeScript 集成与 Vite 配置。
专门用于创建、编辑和维护 .drawio 流程图的技能。支持 XML 操作、排版优化、AWS 图标集成,以及文档自动化 PNG 转换。