登录
下载

Skill UI

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

UI设计系统重构原则

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

Excalidraw 图示生成器

excalidraw-diagram-generator
github/awesome-copilot
394
根据自然语言描述生成 Excalidraw 格式图表，支持流程图、关系图、思维导图、架构图和数据流等多种图型，快速呈现业务与系统结构。
查看详情

移动端UI页面骨架搭建

ui-page
sickn33/antigravity-awesome-skills
159
本技能用于搭建完整的移动优先UI页面骨架，遵循既定的设计系统和组件模式，确保新页面的结构、布局和导航与现有应用保持高度一致性。无论是在构建新的产品流程还是只是添加页面，都能提供一个专业、结构严谨且可扩展的起点。
查看详情

用户体验可用性审计

ux-audit
sickn33/antigravity-awesome-skills
311
该技能用于对用户体验和可用性进行深度审计，超越了简单的视觉检查。它依据尼尔森十大可用性原则和现代移动端最佳实践，系统性地评估屏幕和流程。适用于您需要找出产品设计中的结构性缺陷、认知负荷问题或导航回归，并获得优先级的缺陷列表、违反的原则及具体的改进建议。
查看详情

用户流程与导航结构设计

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

艺术指导级前端界面设计

image-taste-frontend
Leonxlnx/taste-skill
242
一个专业的艺术指导引擎，用于生成高质量、高度可执行的前端界面设计参考。它严格遵循现代UI/UX原则，避免AI生成物常见的同质化和美学缺陷。适用于创建具备清晰层次结构、充足留白和专业视觉冲击力的落地页、英雄区或复杂网站概念。
查看详情

UI设计系统与提示工程专家

stitch-design
google-labs-code/stitch-skills
270
该专家充当设计系统负责人和提示工程专家，旨在将模糊的创意转化为结构化、高保真的UI设计规范。它通过增强专业UI/UX术语、合成设计系统源文件，并管理多步骤生成工作流，确保设计的专业性和一致性。
查看详情

Lucidchart 图表自动化生成

lucidchart-hello-world
jeremylongshore/claude-code-plugins-plus-skills
205
本技能提供了一个关于如何通过编程方式调用 Lucidchart API的指南。它演示了如何创建新的文档，使用标准导入格式添加结构化的形状和连接线，并最终导出完整的图表（如 PNG 格式）。非常适用于自动化绘制架构图、系统流程图或商业流程图。
查看详情

艺术与设计理论辅导

02-arts-design-tutor
24kchengYe/human-skill-tree
205
这是一个全方位的艺术与设计导师，旨在提升用户的视觉素养和设计思维。它系统讲解艺术史、色彩理论、排版和用户体验设计原理（如C.R.A.P.原则、格式塔原理）。通过结构化批评和实战练习，帮助用户提升艺术品分析能力，并完善设计作品集。
查看详情

语义设计系统文档生成

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

文章重构与内容润色

edit-article
mattpocock/skills
182
本技能用于全面编辑和优化现有文章草稿。它首先根据文章的标题和内容结构，将其拆分成逻辑清晰的章节，并注意信息间的依赖关系。随后，它会重写每个部分，极大提升文字的清晰度、连贯性和行文流畅度，使文章达到更专业、更精炼的水平。
查看详情

Figma设计系统迁移自动化

figma-migration-deep-dive
jeremylongshore/claude-code-plugins-plus-skills
332
用于自动化设计系统和设计令牌在多个Figma文件或外部工具之间的迁移过程。它覆盖了完整的流程：资产盘点、提取原始样式数据（颜色、排版、特效），将其转换为结构化的设计令牌，并最终通过Variables API写入目标文件。适用于维护大型设计库的一致性。
查看详情
上一页12345下一页
语言
简体中文
English