下载

Skill UI

浏览并发现 10667+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索 Anima ，共找到 70 条记录

默认排序最新上传最多下载

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

anima-prod-checklist

jeremylongshore/claude-code-plugins-plus-skills

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

Figma到React组件代码生成

anima-core-workflow-a

jeremylongshore/claude-code-plugins-plus-skills

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

网站转代码与AI定制引擎

anima-core-workflow-b

jeremylongshore/claude-code-plugins-plus-skills

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

Anima设计代码部署集成

anima-deploy-integration

jeremylongshore/claude-code-plugins-plus-skills

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

Figma设计转代码自动化

anima-install-auth

jeremylongshore/claude-code-plugins-plus-skills

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

Anima API速率限制处理

anima-rate-limits

jeremylongshore/claude-code-plugins-plus-skills

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

Anima SDK生产级设计代码模式

anima-sdk-patterns

jeremylongshore/claude-code-plugins-plus-skills

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

Anima与Figma安全基础

anima-security-basics

jeremylongshore/claude-code-plugins-plus-skills

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

Framer代码组件与覆盖层

framer-core-workflow-b

jeremylongshore/claude-code-plugins-plus-skills

本技能指南教授如何在Framer中使用React构建高度定制化、交互式和数据驱动的组件。核心内容包括创建带有属性控制的动画组件、集成来自外部API的实时数据展示，以及实现复杂的代码覆盖层（如滚动触发动画和磁性悬停效果）。适用于需要将复杂代码逻辑集成到Framer设计界面的开发者。

Framer开发：插件与组件基础教程

framer-hello-world

jeremylongshore/claude-code-plugins-plus-skills

本教程是Framer开发领域的综合入门指南，涵盖了从基础插件构建到高级API调用的全流程。用户将学习如何创建能够插入文本和图片的插件，如何开发带有属性控制的代码组件，以及如何使用代码覆盖层实现动画效果和如何通过服务器API进行后台数据操作。适用于所有希望掌握Framer编码能力的开发者。

设计稿到产品演示视频生成

google-labs-code/stitch-skills

本技能旨在自动化生成高质量的产品演示视频。它能够从Stitch平台获取多个应用屏幕截图，并通过Remotion的强大能力，自动添加平滑过渡、缩放和文本标注等动画效果，将静态设计稿转化为专业、流畅的营销或展示视频。

AI视频与图像生成工作流

runway-core-workflow-b

jeremylongshore/claude-code-plugins-plus-skills

此工作流是专业的创意AI工具，专注于视频和图像的生成与处理。它支持图像动画化（Image-to-Video），能将静态图片赋予运动感；并支持视频到视频的风格转换（Video-to-Video），为现有视频添加艺术风格。适用于影视制作、数字艺术和所有需要高质量创意素材的场景。

上一页 1 2 345 6 下一页

语言