登录
下载

Skill UI

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

可重用界面组件模式生成

ui-pattern
sickn33/antigravity-awesome-skills
453
本技能旨在帮助开发者根据现有设计系统（如StyleSeed的原子组件）生成结构化、可复用的UI布局模式。适用于构建需要跨多个页面保持设计一致性和重复使用性的组件，例如卡片列表、数据表、表单区域等。它指导如何从最小的构建块开始，确保组件的动态性和可扩展性，避免重复编写页面特定的标记代码。
查看详情

UI设计系统合规性审核

ui-review
sickn33/antigravity-awesome-skills
439
本技能用于对用户界面代码进行严格的结构化审核，确保其完全符合既定的设计系统规范。它重点检查设计令牌（Design Tokens）、组件可用性、可访问性标准（如颜色对比度和焦点状态）以及移动端用户体验，从而提供带具体修复建议的审核报告。
查看详情

Vue Pinia单元测试最佳实践

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

用户流程与导航结构设计

ux-flow
sickn33/antigravity-awesome-skills
205
本技能旨在用户界面组件实现之前，规划完整的用户体验流程（User Flow）。它应用了渐进式披露、中心辐射等主流UX模式，定义用户任务的起点、路径和退出条件。适用于复杂的引导流程、表单填写、结账或多步骤功能设计，确保用户旅程连贯且逻辑清晰。
查看详情

KubeSphere核心：云原生平台管理

kubesphere-core
kubesphere/kubesphere
359
KubeSphere核心组件，作为基于Kubernetes的云原生应用管理操作系统。它提供统一的API聚合层，支持多集群和多租户管理。负责管理核心资源和复杂的API路由，极大简化了云原生应用的部署和运维操作。
查看详情

KubeSphere扩展组件管理

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

KubeSphere日志收集与管理

whizard-logging
kubesphere/kubesphere
270
WizTelemetry Logging是KubeSphere可观测性平台的核心扩展组件，用于全面的日志收集、处理和存储。它支持容器日志（stdout/stderr）和容器内部文件系统日志的双重收集模式。本组件帮助用户理解日志收集架构，并提供配置指南，实现高效的日志管理和查询。
查看详情

技术设计规范生成器

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
483
本指南为前端工程师提供了一套专业的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样式。它帮助开发者将设计视觉流转为可用的代码组件，适用于前端开发和设计原型验证。
查看详情
上一页123...11121314151617...222324下一页
语言
简体中文
English