登录
下载

Skill UI

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

核心组件设计系统规范

core-components
sickn33/antigravity-awesome-skills
404
本指南提供了完整的核心UI组件库和设计系统规范。它指导开发者如何通过使用语义化的设计代币（Design Tokens）来管理颜色、间距和字号等样式，确保构建的界面具有高度的一致性、可扩展性和良好的可维护性，避免硬编码。
查看详情

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

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

Makepad界面布局专家

makepad-layout
sickn33/antigravity-awesome-skills
406
本技能是Makepad布局系统的专家助手，专门用于处理UI组件的布局结构。它可以帮助用户生成符合Makepad规范的布局代码，并详细解释尺寸、对齐、间距和流动方向等核心概念。适用于需要构建具有响应式和复杂排布的项目。
查看详情

UI设计系统重构原则

refactoring-ui
jeremylongshore/claude-code-plugins-plus-skills
373
本文件提供了一套系统化的UI设计原则和自审框架。它指导用户从灰度开始构建设计，确保视觉层次、间距和排版都符合专业规范。核心理念包括约束设计比例、强调层级结构和使用模数化排版。适用于需要优化现有UI、修复设计缺陷或提升界面专业度的场景。
查看详情

视觉心理情绪设计

visual-emotion-engineer
sickn33/antigravity-awesome-skills
172
该技能模拟视觉心理学家和环境心理学研究员的角色，指导用户系统性地将视觉元素（如色彩、排版、间距、图像）映射到目标情绪和转化目标上。它确保设计的每一个视觉决策都是有目的性的，能够支撑品牌叙事和说服力，而非单纯的点缀。适用于需要根据特定受众和文化背景，设计出能引发特定情绪（如信任、紧迫、平静）的视觉内容场景。
查看详情

生产级前端界面工程

frontend-ui-engineering
addyosmani/agent-skills
197
指导构建生产级用户界面，强调组件结构、统一间距、排版、配色与无障碍标准，避免 AI 常见的泛化外观与过度配置。
查看详情

UI设计令牌管理与同步

ui-tokens
sickn33/antigravity-awesome-skills
222
该技能用于管理设计系统中的设计令牌（Design Tokens），确保JSON源文件、CSS变量和深色模式值等所有数据源保持同步。它可以帮助用户安全地列出、添加或更新令牌（如颜色、间距），并将更改自动传播到所有实现文件中，维护系统的一致性和完整性。
查看详情

Figma设计令牌提取与转换

figma-core-workflow-a
jeremylongshore/claude-code-plugins-plus-skills
64
本工作流旨在为构建设计到代码的自动化流程提供支持。它通过Figma API连接，提取设计系统中的核心设计令牌，包括颜色、排版和间距等。这些设计资源将被结构化地转换为代码格式，如CSS自定义属性或JSON令牌，确保设计稿和代码实现的高度一致性。
查看详情

模块化设计系统构建指南

bento
bergside/awesome-design-skills
324
作为一个专业的设计系统专家，本技能指导用户为Bento模块化网格布局创建完整的、可直接实施的设计规范。内容涵盖了颜色、间距、排版等设计令牌（Tokens）、组件状态管理、组件结构、以及严格的无障碍访问性标准（WCAG 2.2 AA），确保产出的设计文档高度结构化和可维护性。
查看详情

粘土拟态设计系统规范

claymorphism
bergside/awesome-design-skills
179
这是一份专业、实用的粘土拟态设计系统指南，为开发者和设计师提供了一套完整的UI构建规范。它详细定义了颜色、排版和间距等设计基础令牌（Tokens），明确了组件的结构、状态和交互行为，并强制要求遵循WCAG 2.2 AA可访问性标准，确保所有采用此风格的产品具有高度一致性和专业性。
查看详情

Colorful设计系统实现指南

colorful
bergside/awesome-design-skills
167
这是一份用于构建现代、高对比度用户界面的全面技术与审美指南。系统定义了颜色令牌、排版比例和间距网格等基础约束，并严格遵循WCAG 2.2 AA可访问性标准。它为组件状态、交互和开发流程提供了结构化规则，确保产品视觉一致性和卓越的用户体验。
查看详情

企业级UI/UX设计系统指南

corporate
bergside/awesome-design-skills
109
这是一套专业的企业级设计系统指南，用于指导产品团队构建高度一致、可扩展且品牌对齐的UI/UX界面。它详细涵盖了设计基础（颜色、排版、间距）、组件状态、WCAG 2.2 AA无障碍标准和内容规范，确保产品具备行业领先的专业度和用户体验。
查看详情
1234下一页
语言
简体中文
English