figma-design-to-code
使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码,精确处理标记、样式与设计标记整合。
探索可复用的代理技能,查看实现细节,快速找到适合你工作流程的技能。
共找到 338 个技能
使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码,精确处理标记、样式与设计标记整合。
通过 CLI 创建、修改并验证 Snowflake 语义视图 (Semantic Views)。自动化生成、说明与测试语义层定义,确保模型准确性与星型架构合规。
验证并强制执行 Markdown 文档结构,包含 YAML 前言定位、标题层级规范以及 Obsidian 知识库的内容组织。
使用并行子代理执行 Semgrep 源代码静态分析,支持多语言检测与 Pro 版本跨文件污染分析。
根据 Anthropic 最佳实践创建与管理 Claude Code 技能,包含触发条件、Hook 机制与渐进式披露。
使用严格的测试驱动方法将 Semgrep 规则移植到新语言。包含适用性分析、基于 AST 的转换以及针对每种目标语言的自动化验证。
为 React 开发者提供的自动化代码维护工具,用于解决 lint、代码格式化及 CI 验证错误。
Laravel 11/12 应用程序开发的标准化工作流程与指南,涵盖技术栈检测、依赖管理以及 Laravel Boost 工具的整合。
移动应用 UX/UI 设计指南,涵盖触控友好界面、导航模式、手势操作及小屏幕界面优化。
用于构建高质量 MCP (Model Context Protocol) 服务器的指南,支持使用 Python 或 TypeScript 将外部 API 和服务集成到 LLM 工作流程中。
通过 ViralBaby API 制作 TikTok 轮播图。自动化图片搜索、文字叠加与草稿上传,轻松管理社交媒体内容创作。
Python 编程助手,提供最佳实践、PEP 8 代码规范检查、使用 pytest 的自动化测试以及基于 uv 的依赖管理。