登录
下载

Skill UI

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

技术选型决策矩阵

tech-matrix
sickn33/antigravity-awesome-skills
267
本文档提供了全面的技术选型决策矩阵，涵盖了现代系统架构中的核心组件，包括数据库（SQL/NoSQL）、缓存、消息队列和API协议。它帮助架构师根据具体的业务场景、扩展性要求和架构模式，选择最优的技术方案。
查看详情

React容器/展示组件生成器

react-container-presentation-component
github/awesome-copilot
465
这是一个用于创建React组件的工具，强制遵循业界标准的容器/展示（Container/Presentation）模式。它会自动搭建完整的组件文件结构，包括TypeScript、Storybook和SCSS样式，并根据组件的性质（UI或功能）进行分类，确保代码规范和可维护性，适用于构建可扩展的组件库。
查看详情

全栈网页UI设计与优化

ckw-design
sickn33/antigravity-awesome-skills
238
这是一个全面的前端设计工具，适用于构建任何类型的Web界面，包括组件、页面和仪表盘。它不仅关注视觉美学（颜色、排版、间距），更深入到响应式布局、用户体验审计和设计系统实现。当用户要求优化或完善任何界面的外观和使用感受时，应使用此技能。
查看详情

设计系统审计与健康评估

design-system-audit
mohitagw15856/pm-claude-skills
228
该技能提供全面的设计系统审计，用于评估组件覆盖率、设计令牌一致性、文档质量和无障碍合规性。它会生成一个综合的健康评分和优先级的修复路线图，帮助设计和工程团队识别组件库的差距和潜在问题，确保设计资产的统一和高质量。
查看详情

Figma设计开发交接指南

figma-annotation-guide
mohitagw15856/pm-claude-skills
334
该技能能为Figma设计的屏幕或组件生成结构化的开发交接注释。它将原始视觉设计转化为精确、可构建的开发规范，全面涵盖交互行为、各种状态（加载、错误、成功）定义、无障碍访问要求和边界案例，确保开发人员能够顺利实现设计。
查看详情

Figma组件库设计系统审计

figma-component-audit
mohitagw15856/pm-claude-skills
438
该工具能对Figma组件库进行全面的设计系统审计。它能系统性地检查组件的命名一致性、缺失组件覆盖范围、变体状态完整性，并评估整体设计系统的健康度。输出包含结构化的问题报告、可操作的命名规范和分步修复计划，确保产品设计的一致性。
查看详情

Figma设计规范文档

figma-design-brief
mohitagw15856/pm-claude-skills
55
该工具能够将原始的产品需求文档（PRD）或功能请求，转化为结构化、完整的Figma设计规范。它输出的简报包含目标、用户流程、所需屏幕、组件使用、约束和成功标准，确保设计师在开始工作前拥有所有必要的指导信息。
查看详情

Figma设计交接前质检清单

figma-design-qa
mohitagw15856/pm-claude-skills
335
该技能提供一套系统、全面的Figma设计交接前质检（QA）流程。它从文件层级、组件使用、内容合规性、可访问性（WCAG AA）等多个维度进行深入检查，确保设计稿达到工程开发标准。适用于需要验证设计稿质量，避免开发阶段返工的场景。
查看详情

Figma设计系统间距与布局规范

figma-spacing-system
mohitagw15856/pm-claude-skills
159
本技能旨在为Figma设计系统创建一套完整、一致的间距和布局原子化规范。它输出包括基础单位、多级间距比例尺、多设备端网格系统以及组件使用惯例，确保设计在不同平台和组件中的高度一致性和可开发性。
查看详情

Figma组件变体矩阵规划器

figma-variant-matrix
mohitagw15856/pm-claude-skills
137
本工具用于系统性地规划Figma组件的全部变体、状态和属性。在实际构建组件前，它会生成完整的变体矩阵，包括默认、悬停、禁用、加载等所有状态和类型组合，确保设计系统组件的结构完整性和设计一致性。
查看详情

系统架构设计与面试准备

system-design-interview
mohitagw15856/pm-claude-skills
469
这是一个用于设计大规模分布式系统的全流程框架。它指导用户系统性地构建架构方案，从明确功能和非功能需求、进行容量估算，到深入设计核心组件、数据流，并分析关键的技术取舍和权衡。
查看详情

便当盒式UI组件指南

bento-ui
sickn33/antigravity-awesome-skills
95
本指南详细介绍了“便当盒式UI”设计模式在网页（CSS Grid）、移动端（SwiftUI）和跨平台（Flutter）的实现方法。该模式用于创建高度结构化、模块化、网格布局的仪表板，模仿现代应用界面，确保设计美观和响应性。
查看详情
上一页123...293031323334下一页
语言
简体中文
English