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

Skill UI

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

Makepad组件设计模式

robius-widget-patterns
sickn33/antigravity-awesome-skills
221
本技能汇集了Makepad UI组件设计的最佳实践和标准模式。它提供了从模态对话框、可折叠区域到拖放重排等一系列高级组件模式，帮助开发者创建高性能、可复用且结构化的用户界面。
查看详情

进阶JS动画库：复杂Web动画实现

animejs-animation
sickn33/antigravity-awesome-skills
323
Anime.js是一个轻量级但功能强大的JavaScript动画引擎，专为创建高保真、复杂的Web动画而设计。它提供了对DOM、CSS和SVG元素的精确控制，使开发者能够构建复杂、极具视觉冲击力的用户界面。适合用于编排多阶段落地页、实现元素渐进式展示，并利用高级缓动函数和时间轴来动画化复杂的SVG路径。
查看详情

shadcn/ui 组件设计系统开发指南

shadcn
sickn33/antigravity-awesome-skills
413
本指南是使用 shadcn/ui 组件库构建现代、可访问、可扩展用户界面（UI）的权威参考。它详细阐述了组件组合原则、样式规范（包括Tailwind CSS的最佳实践）、表单结构和核心开发规则。适用于需要构建复杂设计系统，并确保代码质量和设计一致性的前端开发者。
查看详情

SwiftUI界面最佳实践指南

swiftui-ui-patterns
sickn33/antigravity-awesome-skills
444
本指南是构建健壮、可扩展SwiftUI应用的综合参考。它系统性地介绍了现代化的状态管理（如@State和@Observable）、复杂的导航模式（如Sheets和NavigationStack）、异步数据处理流程，并遵循最佳实践，帮助开发者构建高性能、易于维护的用户界面。
查看详情

Gradio：Web界面与ML演示构建

hugging-face-gradio
sickn33/antigravity-awesome-skills
150
Gradio是一个强大的Python库，用于快速构建交互式Web用户界面和机器学习演示。本技能涵盖了Interface、Blocks和ChatInterface等核心模式，帮助用户轻松搭建复杂的应用、组件和事件驱动的聊天机器人。非常适合进行原型开发和深度学习模型可视化。
查看详情

前端 UI 工程化

frontend-ui-engineering
addyosmani/agent-skills
321
本技能专注于构建生产级、可访问且响应式的用户界面。涉及组件创建、布局实现及状态管理，同时遵循设计系统和 WCAG 标准。目标是避免通用 AI 美学，确保界面由专业工程师打造。涵盖组件架构、状态管理策略及设计系统遵循，用于开发高质量 Web 应用。
查看详情

Stitch语义设计系统指南

stitch-design-taste
Leonxlnx/taste-skill
77
该技能用于为Google Stitch生成高度结构化的DESIGN.md文件，充当语义化设计系统。它将复杂的、反通用（Anti-Generic）的前端设计原则，如排版、色彩校准、组件行为和运动物理，转化为AI可理解的规则。它是指导AI生成专业、高质量用户界面的核心“单一事实来源”。
查看详情

UI组件模式生成

ui-pattern
sickn33/antigravity-awesome-skills
313
本技能用于生成结构化的UI模式，如卡片区、多列网格、表单和数据表格等。它通过组合现有设计系统原语，确保了界面的高度一致性和可复用性，帮助用户系统化地构建复杂的用户界面。
查看详情

用户反馈状态生成器

ux-feedback
sickn33/antigravity-awesome-skills
403
本技能用于为数据驱动的组件或页面添加必要的用户反馈状态，包括加载（骨架屏）、空数据、错误和成功状态。它提供了结构化、最佳实践的模式，确保用户界面在不同数据场景下都能提供流畅、完善的体验。
查看详情

VS Code扩展本地化指南

vscode-ext-localization
github/awesome-copilot
394
本指南提供了完整的VS Code扩展本地化流程和最佳实践指导。它详细介绍了如何本地化扩展的所有组成部分，包括配置项（如设置、命令）、用户界面字符串资源以及引导式向导内容，确保您的扩展能够适配多语言环境。
查看详情

网页界面指南合规性检查

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

Colorful设计系统实现指南

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