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

Skill UI

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

网页界面指南合规性检查

web-design-guidelines
bytedance/deer-flow
420
用于对用户界面（UI）代码进行全面审查，以确保其符合最新的网页界面设计指南和最佳实践。该工具特别适合进行可访问性审计、设计合规性检查和代码质量审查，帮助开发者确保产品达到行业最高标准。
查看详情

React设计系统代码生成器

rayden-code
sickn33/antigravity-awesome-skills
78
本工具用于使用指定的Rayden UI组件库和Tailwind CSS，生成符合生产标准的React界面代码。它确保生成的代码严格遵守设计系统规范，涵盖了组件使用、设计令牌、属性校验和布局模式。非常适用于搭建仪表盘、登录表单、数据表格等复杂页面，保证界面美观和一致性。
查看详情

可画设计创建与导出工作流

canva-core-workflow-a
jeremylongshore/claude-code-plugins-plus-skills
463
提供完整的Canva设计自动化流程。用户可以通过此工作流通过API创建新设计，将用户引导至编辑界面，并在设计完成后，程序化地导出高质量资产（如PDF、PNG、JPG等）。适用于将设计能力集成到内容管理系统（CMS）或营销自动化工具等外部应用场景。
查看详情

Framer代码组件与覆盖层

framer-core-workflow-b
jeremylongshore/claude-code-plugins-plus-skills
165
本技能指南教授如何在Framer中使用React构建高度定制化、交互式和数据驱动的组件。核心内容包括创建带有属性控制的动画组件、集成来自外部API的实时数据展示，以及实现复杂的代码覆盖层（如滚动触发动画和磁性悬停效果）。适用于需要将复杂代码逻辑集成到Framer设计界面的开发者。
查看详情

使用Cobra构建Go CLI命令树

golang-spf13-cobra
samber/cc-skills-golang
92
本技能专注于使用Go语言的`spf13/cobra`库构建复杂的命令行界面（CLI）应用。它详细涵盖了命令树结构设计、标志位管理（局部与持久化）、参数验证、执行流程钩子（PreRunE, RunE等）以及Shell自动补全生成，帮助开发者构建符合Unix习惯的强大命令行工具。
查看详情

咖啡风格设计系统指南

cafe
bergside/awesome-design-skills
417
本技能旨在指导用户建立一套具有咖啡馆温馨氛围的完整设计系统。它提供了从品牌风格、颜色、排版、组件状态到无障碍访问（WCAG 2.2 AA）的全面规范，帮助设计和开发团队构建一致、易用且美观的产品界面。
查看详情

Colorful设计系统实现指南

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

玻璃拟态设计系统专家指南

glassmorphism
bergside/awesome-design-skills
173
本技能提供了一套全面的玻璃拟态（Glassmorphism）设计系统构建指南。它为工程师和设计师提供了可落地的实战规则，涵盖了风格基础、组件结构、交互状态管理以及WCAG 2.2 AA可访问性要求。使用本指南可以确保整个产品的用户界面具有视觉一致性、高性能和现代美感。
查看详情

高保真前端开发规范

design-taste-frontend-v1
Leonxlnx/taste-skill
366
本技能集提供了一套严格的工程和设计规范，指导用户使用React/Next.js和Tailwind CSS构建专业级的前端界面。它涵盖了从架构限制（如状态管理、组件分离）到设计细节（如排版、色彩、布局）的各项最佳实践，旨在消除常见的网页设计缺陷，确保代码具备高保真度和生产可用性。
查看详情

全栈网页UI设计与优化

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

WCAG无障碍审计检查表

accessibility-audit
mohitagw15856/pm-claude-skills
228
该工具根据WCAG 2.2指南，生成一份全面的无障碍审计报告。它从可感知、可操作、可理解和鲁棒性四个维度评估用户界面和设计，覆盖了视觉、运动和认知障碍等多个方面。最终提供一份包含通过/失败评估和具体修复建议的优先级检查清单。
查看详情

三维交互式用户界面设计

3d-ui
sickn33/antigravity-awesome-skills
61
本指南提供了在Web、iOS、Flutter等主流平台实现三维用户界面（3D UI）的专业方法。核心在于利用透视效果、Z轴深度和交互旋转，使UI元素具有真实的空间感和可操作性，适用于需要高度沉浸式视觉体验的先进产品设计。
查看详情
上一页123456下一页
语言
简体中文
English