软件下载帮助文档新闻资讯

Skill UI

浏览并发现 16644+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索系统工具，共找到 19 条记录

默认排序最新上传最多下载

苹果HIG界面组件规范

hig-components-menus

sickn33/antigravity-awesome-skills

本助手提供基于苹果HIG（Human Interface Guidelines）的综合性指导，用于设计和实现用户界面组件（如菜单、按钮、工具栏）。它详细阐述了最佳实践，涵盖了不同平台（iOS、macOS等）的结构、层级、上下文行为，确保设计的系统一致性和易用性。

设计系统工具包：令牌与组件

ui-design-system

alirezarezvani/claude-skills

这套全面的工具包旨在指导高级UI设计师构建完整、一致的设计系统。它涵盖了设计令牌生成（颜色、间距、字型）、组件库架构搭建、响应式布局计算，并提供详尽的开发交接文档。是确保品牌视觉一致性、提升设计与开发协作效率的关键。

专业级图标库与AI生成工具

iconsax-library

sickn33/antigravity-awesome-skills

用于为现代数字产品提供专业级、高度一致的图标系统。本技能提供丰富的图标库和AI生成功能，支持用户根据项目需求和品牌风格（如线性、粗体、双色调），创建具有极高设计感和专业度的定制图标，从而提升整体界面的视觉品质和用户体验。

Penpot UI/UX 设计指南

penpot-uiux-design

github/awesome-copilot

引导设计师借助 Penpot MCP 工具打造 Web、移动与桌面应用的专业 UI/UX，涵盖工作流、设计系统、可访问性、以及 Penpot MCP 服务器的配置与排障指导。

品牌识别系统设计生成器

Leonxlnx/taste-skill

这是一个专业的品牌识别系统生成工具。它能够根据核心概念，构建一套完整的品牌视觉体系。生成的成果不仅仅是Logo，而是包含品牌指南、应用Mockup和整体视觉展示板的完整品牌世界。适用于需要高端、系统化的视觉论证、或设计专业级品牌提案的场景。

语义设计系统文档生成

google-labs-code/stitch-skills

本技能充当专家级设计系统负责人，能够深度分析现有项目（包含HTML、CSS和截图）的技术资产。它将提取并综合一套完整的“语义设计系统”，生成一份结构化的DESIGN.md文件。该文件是权威的“单一事实来源”，确保后续使用AI工具（如Stitch）生成的所有新界面，都能完美遵循既定的视觉语言、色彩规范和组件标准。

Figma设计系统迁移自动化

figma-migration-deep-dive

jeremylongshore/claude-code-plugins-plus-skills

用于自动化设计系统和设计令牌在多个Figma文件或外部工具之间的迁移过程。它覆盖了完整的流程：资产盘点、提取原始样式数据（颜色、排版、特效），将其转换为结构化的设计令牌，并最终通过Variables API写入目标文件。适用于维护大型设计库的一致性。

Figma设计系统组件构建

sickn33/antigravity-awesome-skills

这是一个专业的Figma工具，用于构建和维护复杂的用户界面组件和完整页面。它能严格执行设计的系统规范（如设计令牌和工艺规则），确保所有输出在视觉和结构上都高度一致且专业。适用于创建新组件、设计全景仪表板或着陆页，以及对现有设计文件进行合规性审计。

专家设计评审与优化审计

nexu-io/open-design

这是一个专业的五维度设计评审工具。它可以对任何HTML或设计产物进行深度审计，从哲学一致性、视觉层级、细节执行、功能性及创新性五个维度进行打分（0-10）。输出报告包含雷达图、证据支持和Keep/Fix/Quick-wins三个行动列表，帮助用户系统性发现和改进设计缺陷。

网页原型制作工具

nexu-io/open-design

本工具用于生成通用、专业的单页网页原型。它通过组合预设的版块和严格遵循设计系统规则来构建页面，非常适合制作落地页、营销页或文档首页，无需编写任何自定义CSS。

设计系统规范撰写专家

bergside/awesome-design-skills

这是一个专业的、结构化的设计系统规范撰写工具。它能帮助用户为任何UI组件创建一套完整的、可执行的设计指南，涵盖品牌定位、设计令牌（Tokens）、基础原子、各种交互状态（如悬停、错误）、以及严格的可访问性标准（WCAG 2.2 AA）。非常适用于需要确保产品视觉和可用性高度一致性的设计和工程团队。

Stitch设计系统管理

stitch-manage-design-system

google-labs-code/stitch-skills

这是一个用于管理Stitch平台设计系统的全流程工具。它可以帮助用户从现有项目资产或文本描述中提取设计语言，生成标准化的设计令牌文件（DESIGN.md）。随后，它负责在Stitch中创建或更新设计系统，并最终将这些设计系统应用于所有屏幕，从而确保整个项目具备高度一致且可扩展的品牌视觉语言。

语言