登录
下载

Skill UI

浏览并发现 9180+ 精选技能
全部 编程开发 人工智能 设计创意 产品商业 数据科学 市场营销 职场通用 效率工具 硬件工程 语言学习
搜索 Anima ，共找到 37 条记录
默认排序 最新上传 最多下载

Figma设计到代码自动生成

anima-webhooks-events
jeremylongshore/claude-code-plugins-plus-skills
141
本技能展示了如何使用Figma Webhooks搭建一个事件驱动的“设计到代码”工作流。当Figma设计文件发生版本更新时，系统能够自动捕获事件，并触发Anima服务，实时、自动化地重新生成高质量的组件代码（如React/TypeScript），适用于构建持续集成和设计流程。
查看详情

Figma到代码自动化生成

anima-ci-integration
jeremylongshore/claude-code-plugins-plus-skills
363
本集成自动化了将Figma设计资产转换为可部署代码的关键流程。它通过GitHub Actions搭建完整的CI/CD流水线，支持定时或手动触发组件生成。适用于设计系统维护和设计交付，确保代码与设计稿的一致性，构建可靠的开发流程。
查看详情

Anima代码性能优化工具

anima-performance-tuning
jeremylongshore/claude-code-plugins-plus-skills
397
用于系统性提高Anima代码生成的性能。该工具集包含三项核心功能：基于文件的缓存机制（带过期时间），实现增量生成（仅处理修改过的组件），以及代码输出优化（去除注释和冗余空白）。适用于需要加速批量组件生成或提升生产环境构建效率的场景。
查看详情

Anima代码生成生产就绪检查表

anima-prod-checklist
jeremylongshore/claude-code-plugins-plus-skills
296
本清单用于验证设计到代码（Design-to-Code）流水线的生产就绪状态，尤其适用于Anima将Figma设计转化为React、Vue和HTML代码的自动化流程。在部署自动化代码生成服务、配置CI/CD流程或验证代码输出质量时使用，确保组件的完整性和代码的可靠性。
查看详情

Figma到React组件代码生成

anima-core-workflow-a
jeremylongshore/claude-code-plugins-plus-skills
386
该工作流自动化了从Figma设计到React代码的完整流程。它能扫描Figma组件，批量生成可用的React组件代码，并具备设计变更检测功能。这极大地替代了传统的手动设计交付流程，是构建设计系统和实现设计-代码持续同步的最佳方案。
查看详情

网站转代码与AI定制引擎

anima-core-workflow-b
jeremylongshore/claude-code-plugins-plus-skills
329
该工作流能够将实时的网站页面克隆并转换为结构化的React或HTML代码。它具备强大的AI定制化能力，支持根据项目规则进行代码后处理（如修正类名、导入依赖）。此外，它还集成了设计令牌映射器，确保生成的组件代码完全符合项目既定的设计系统规范，并自动整理组件结构。
查看详情

Anima设计代码部署集成

anima-deploy-integration
jeremylongshore/claude-code-plugins-plus-skills
383
该技能提供将Anima设计转代码服务部署为后端API的方法。它帮助开发者构建内部设计工具或微服务，实现接收Figma文件引用并返回生成的代码。支持在Vercel和Google Cloud Run等主流平台进行部署。
查看详情

Figma设计转代码自动化

anima-install-auth
jeremylongshore/claude-code-plugins-plus-skills
182
本指南指导开发者如何安装和配置Anima SDK，实现从Figma设计稿到生产级代码的自动化转换。适用于需要构建设计系统、实现设计-代码流程的场景，需要配置Figma和Anima的API Token以生成生产就绪的React、Vue或HTML组件。
查看详情

Anima API速率限制处理

anima-rate-limits
jeremylongshore/claude-code-plugins-plus-skills
193
本技能用于管理与Anima API的调用速率限制，提供稳定的代码生成能力。它集成了基于`Bottleneck`的限流机制和带指数退避的429错误重试处理，适用于大规模、高频率的组件或设计系统批量生成任务。
查看详情

Anima SDK生产级设计代码模式

anima-sdk-patterns
jeremylongshore/claude-code-plugins-plus-skills
381
本指南提供了在设计到代码（Design-to-Code）流程中使用Anima SDK的生产级最佳实践。核心内容包括：实现单例客户端、生成缓存机制（避免冗余API调用）、输出格式标准化（匹配项目约定）以及API调用重试机制，确保代码生成流程稳定、高效且符合项目规范。
查看详情

Anima与Figma安全基础

anima-security-basics
jeremylongshore/claude-code-plugins-plus-skills
329
本指南详细介绍了设计到代码（design-to-code）流程中的安全最佳实践。核心内容包括如何保护Anima和Figma的API凭证：限制令牌的访问范围（如只读权限），确保SDK只能在服务器端运行，以及使用云密钥管理服务（如Secret Manager）来安全地存储和加载敏感令牌，防止泄露。
查看详情

Framer代码组件与覆盖层

framer-core-workflow-b
jeremylongshore/claude-code-plugins-plus-skills
165
本技能指南教授如何在Framer中使用React构建高度定制化、交互式和数据驱动的组件。核心内容包括创建带有属性控制的动画组件、集成来自外部API的实时数据展示，以及实现复杂的代码覆盖层（如滚动触发动画和磁性悬停效果）。适用于需要将复杂代码逻辑集成到Framer设计界面的开发者。
查看详情
上一页1234下一页
语言
简体中文
English