登录
下载

Skill UI

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

React设计系统代码生成器

rayden-code
sickn33/antigravity-awesome-skills
78
本工具用于使用指定的Rayden UI组件库和Tailwind CSS，生成符合生产标准的React界面代码。它确保生成的代码严格遵守设计系统规范，涵盖了组件使用、设计令牌、属性校验和布局模式。非常适用于搭建仪表盘、登录表单、数据表格等复杂页面，保证界面美观和一致性。
查看详情

设计稿到模块化React组件

react-components
google-labs-code/stitch-skills
205
该技能旨在自动化将视觉设计稿（来自Stitch）转化为高质量、模块化的React和Vite组件。它严格遵循现代前端最佳实践，要求逻辑分离到自定义Hooks，将数据解耦到Mock Data层，并使用TypeScript保证类型安全。流程涵盖了自动化资源获取、样式映射（如Tailwind），并包含严格的验证周期，确保生成代码是可维护、可生产环境使用的。
查看详情

shadcn/ui组件集成指南

shadcn-ui
google-labs-code/stitch-skills
361
本指南为前端工程师提供了一套专业的shadcn/ui组件集成解决方案。它详细介绍了如何使用Tailwind CSS和Radix UI构建应用，涵盖了组件发现、安装流程、项目架构搭建以及高级定制化最佳实践。帮助开发者构建具备完全自主权和高度可定制性的前端应用。
查看详情

VS Code 扩展开发指南

vscode-extension-guide-en
sickn33/antigravity-awesome-skills
173
本指南全面覆盖了 VS Code 扩展的整个开发生命周期，从项目初始化搭建到最终发布到 Marketplace。内容详细涵盖了 Webview、TreeView 组件的实现、安全配置、测试流程、VSIX 打包和常见问题排查的最佳实践。
查看详情

Figma设计到代码生成

anima-hello-world
jeremylongshore/claude-code-plugins-plus-skills
97
本技能利用Anima SDK，能够将Figma设计稿高效转换为生产级别的代码。支持React、Vue、纯HTML等多种主流框架，并集成Tailwind CSS样式。它帮助开发者将设计视觉流转为可用的代码组件，适用于前端开发和设计原型验证。
查看详情

设计到代码系统架构

anima-reference-architecture
jeremylongshore/claude-code-plugins-plus-skills
89
本文档提供了一套完整的“设计到代码”自动化参考架构。它详细规划了从Figma设计源到最终React/Vue代码的整个转换流程，涵盖了Figma API连接、代码生成、组件扫描和后处理（如设计令牌映射）等关键步骤。适用于构建企业级设计系统，实现高效、可维护的自动化设计资产交付。
查看详情

Figma设计到代码自动生成

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

CAST AI升级与迁移指南

castai-upgrade-migration
jeremylongshore/claude-code-plugins-plus-skills
355
本指南详细介绍了CAST AI组件的升级和迁移流程，涵盖了Helm Charts（代理、控制器等）和Terraform Provider的更新。内容包括升级前置条件、分步操作指南、验证检查以及详细的回滚步骤，确保系统版本升级过程的安全性和稳定性。
查看详情

Figma资产与图标导出工作流

figma-core-workflow-b
jeremylongshore/claude-code-plugins-plus-skills
242
本技能提供了一个完整的工作流，通过Figma REST API从设计文件中批量导出图像、图标和各类资产。它可以将选定的组件或整个画板渲染为高品质的PNG、SVG、JPG或PDF格式。非常适用于构建自动化设计素材流水线、生成文档预览图或批量导出大型图标集。
查看详情

Framer开发错误排查手册

framer-common-errors
jeremylongshore/claude-code-plugins-plus-skills
416
这是一份全面的诊断参考手册，用于解决Framer开发过程中遇到的各种常见错误。内容涵盖了插件、组件代码、Server API调用等多个层面，为开发者提供了详细的原因分析和可执行的修复步骤，帮助用户快速定位并解决开发和集成难题。
查看详情

Framer插件与API配置指南

framer-install-auth
jeremylongshore/claude-code-plugins-plus-skills
315
本指南详细介绍了如何配置和认证Framer的开发环境。内容涵盖了两种主要开发模式：插件SDK（用于编辑器内的UI）和Server API（用于无头CMS同步或CI/CD）。帮助开发者完成项目初始化、环境变量配置以及前后端组件的连接。
查看详情

Framer性能调优与优化指南

framer-performance-tuning
jeremylongshore/claude-code-plugins-plus-skills
261
本指南提供了一套全面的性能优化方案，用于提升Framer应用的性能。内容涵盖了批量处理CMS数据以避免超时、使用React的Memoization优化组件渲染、建立持久化的WebSocket连接，以及图片URL预优化等关键技术，帮助开发者构建稳定、高性能的Framer应用。
查看详情
上一页123...151617181920212223下一页
语言
简体中文
English