登录
下载

Skill UI

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

Algolia搜索应用云端部署指南

algolia-deploy-integration
jeremylongshore/claude-code-plugins-plus-skills
169
本指南提供了将Algolia搜索应用部署到主流云平台（如Vercel、Fly.io、Cloud Run）的完整流程。它涵盖了最佳实践，包括分离管理Admin和Search-Only的API密钥，以及实现后端API和使用React InstantSearch或Vanilla JS的前端组件，确保了应用的健壮性和安全性。
查看详情

Figma到React组件代码生成

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

Figma设计转代码自动化

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

Apify SDK升级与迁移指南

apify-upgrade-migration
jeremylongshore/claude-code-plugins-plus-skills
323
本指南详细指导开发者如何安全地升级和迁移Apify的核心组件，包括apify-client、apify和crawlee。它特别侧重于处理重大的API变更，例如从Apify SDK v2到v3的迁移，了解爬虫功能分离到'crawlee'的关键步骤。涵盖了版本检查、依赖管理和代码重构的最佳实践。
查看详情

CoreWeave GPU工作负载事件监控

coreweave-webhooks-events
jeremylongshore/claude-code-plugins-plus-skills
416
该工具通过Webhook机制，实时监控CoreWeave集群的GPU工作负载状态和生命周期事件。它追踪Pod就绪状态、任务完成、存储挂载和节点健康状况，是构建大规模GPU推理和训练任务的自动化扩展、告警及恢复流程的核心组件。
查看详情

语义设计系统文档生成

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工具的指令清晰、专业，从而获得更精确、更高质量的视觉设计结果。
查看详情

FastMCP CLI：工具列表与调用

fastmcp-client-cli
PrefectHQ/fastmcp
417
这是一款用于与MCP（模型上下文协议）服务器交互的命令行工具。它允许用户通过`fastmcp list`发现服务器提供的所有工具签名和描述，并通过`fastmcp call`执行这些工具。该工具支持多种服务器源（如HTTP、本地文件），并能处理复杂的参数和类型转换，是构建自动化、多步骤工作流和实现系统集成的关键组件。
查看详情

Figma 企业权限与集成管理

figma-enterprise-rbac
jeremylongshore/claude-code-plugins-plus-skills
273
本技能用于构建企业级Figma集成方案。它详细涵盖了OAuth 2.0授权码流程、令牌刷新机制以及安全的用户身份验证流程。支持通过API管理整个组织结构，包括团队、项目、组件、样式和企业专用的变量API，适用于需要高度权限控制的复杂应用开发。
查看详情

Framer代码组件与覆盖层

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

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

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

Framer本地开发工作流指南

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