登录
下载

Skill UI

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

Vue Pinia单元测试最佳实践

unit-test-vue-pinia
github/awesome-copilot
152
本指南详细介绍了针对Vue 3、TypeScript和Pinia状态管理系统的单元测试最佳实践。它指导用户如何使用Vitest和Vue Test Utils进行组件、Composable和Pinia Store的测试，强调采用行为驱动（black-box）的断言方式，保持测试的纯粹性和可维护性。
查看详情

KubeSphere扩展组件管理

kubesphere-extension-management
kubesphere/kubesphere
154
本技能详细指导用户掌握KubeSphere扩展组件的完整生命周期管理。涵盖了扩展的发现、版本校验、依赖管理，并通过InstallPlan机制执行精确的安装、升级或卸载操作。适用于复杂的Kubernetes集群组件运维。
查看详情

技术设计规范生成器

kiro-spec-design
gotalab/cc-sdd
230
本工具用于生成全面、结构化的技术设计规范。它指导用户系统地完成设计流程，涵盖上下文加载、根据功能类型执行深入发现与分析、应用设计原则进行综合，最终生成边界清晰、结构化的技术设计初稿，确保所有需求都与明确的技术组件相对应。
查看详情

React设计系统代码生成器

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

shadcn/ui组件集成指南

shadcn-ui
google-labs-code/stitch-skills
56
本指南为前端工程师提供了一套专业的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资产与图标导出工作流

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...10111213141516171819下一页
语言
简体中文
English