登录
下载

Skill UI

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

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

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

临床AI系统集成参考架构

abridge-reference-architecture
jeremylongshore/claude-code-plugins-plus-skills
107
本文档提供了完整的参考架构蓝图，用于指导将环境AI（Abridge）系统集成到多地点、大型医疗健康体系中。详细覆盖了数据流、组件设计、FHIR R4标准，以及与Epic/Athena等主流电子病历系统（EHR）的合规集成流程。
查看详情

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定制化能力，支持根据项目规则进行代码后处理（如修正类名、导入依赖）。此外，它还集成了设计令牌映射器，确保生成的组件代码完全符合项目既定的设计系统规范，并自动整理组件结构。
查看详情

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错误重试处理，适用于大规模、高频率的组件或设计系统批量生成任务。
查看详情

语义设计系统文档生成

design-md
google-labs-code/stitch-skills
64
本技能充当专家级设计系统负责人，能够深度分析现有项目（包含HTML、CSS和截图）的技术资产。它将提取并综合一套完整的“语义设计系统”，生成一份结构化的DESIGN.md文件。该文件是权威的“单一事实来源”，确保后续使用AI工具（如Stitch）生成的所有新界面，都能完美遵循既定的视觉语言、色彩规范和组件标准。
查看详情

增强AI界面设计提示词

enhance-prompt
google-labs-code/stitch-skills
338
这是一个专业的提示词优化器，专门用于将用户模糊的UI/UX概念转化为结构化、高度优化的AI设计提示词。它可以自动补充缺失的平台信息、设计系统细节、组件名称和页面结构，确保输入给AI工具的指令清晰、专业，从而获得更精确、更高质量的视觉设计结果。
查看详情

Framer代码组件与覆盖层

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

Framer本地开发工作流指南

framer-local-dev-loop
jeremylongshore/claude-code-plugins-plus-skills
210
本指南详细介绍了为Framer插件和组件搭建完整的本地开发环境。它指导用户使用Vite实现热重载，利用Vitest进行单元测试，并集成Framer服务器API。整个流程旨在加速设计和开发周期，帮助用户快速构建可交互的原型。
查看详情

Framer集成架构指南

framer-reference-architecture
jeremylongshore/claude-code-plugins-plus-skills
476
本指南为构建生产级Framer集成提供全面的参考架构。它涵盖了最佳项目布局，包括插件开发、服务器API后端、CMS同步机制和代码组件的使用。适用于设计新的、复杂的Framer应用程序或建立企业级的开发规范。
查看详情

Hex架构最佳实践指南

hex-reference-architecture
jeremylongshore/claude-code-plugins-plus-skills
346
本指南详细介绍了Hex平台的推荐参考架构和项目结构最佳实践。它涵盖了构建健壮数据管道所需的所有组件，如编排层（Airflow, Dagster）、API客户端和标准化的项目布局。适用于设计新的数据集成或审查复杂的数据流工作流。
查看详情
上一页123456789101112下一页
语言
简体中文
English