登录
下载

Skill UI

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

Makepad组件设计模式

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

iOS HIG 设计指南

ios-hig-design-guide
davepoon/buildwithclaude
105
该技能帮助同步并引用 Apple 官方人机界面指南，聚焦相关章节，提取规则后生成针对 iOS 功能的 UI/UX 规范，涵盖交互状态、组件行为、可访问性与本地化要求，便于落地产品决策。
查看详情

魔力AI UI组件生成器

magic-ui-generator
sickn33/antigravity-awesome-skills
416
该技能利用先进的AI能力，生成和比较多个生产级、现代化的UI组件变体。它不提供单一标准方案，而是提供多种设计选项（如定价表、联系表单），并支持玻璃拟态、动画等高级美学，帮助开发者和设计师打造独特且视觉震撼的界面组件。
查看详情

iOS人机界面指南设计

ios-hig-design
jeremylongshore/claude-code-plugins-plus-skills
284
这是一个指导开发者遵循苹果《人机界面指南》（HIG）的专业框架。它涵盖了iOS界面的布局规范、动态类型适配、安全区域处理和系统组件的最佳实践。用于确保构建的移动应用具有高度的原生感和用户一致性。
查看详情

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

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

构建交互式聊天应用组件

build-mcp-app
anthropics/claude-plugins-official
140
本指南详细介绍了如何构建MCP应用，使其能够提供交互式UI资源。开发者可以使用本技能在聊天界面中嵌入复杂的组件，如表单、选项选择器、仪表盘或确认对话框。它指导用户了解组件的架构、主机环境配置以及何时应使用富媒体组件而非纯文本输出。
查看详情

SwiftUI视图重构最佳实践

swiftui-view-refactor
sickn33/antigravity-awesome-skills
133
本指南提供了重构大型SwiftUI视图的最佳实践，旨在将复杂的界面拆分成小型、稳定、具有明确数据流的子组件。它强调优先使用本地状态和环境依赖，指导开发者如何构建可读性高、可维护性强的现代iOS应用代码结构。
查看详情

生产级前端界面工程

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

基于设计系统的组件生成

ui-component
sickn33/antigravity-awesome-skills
425
该技能用于生成高度符合现有设计系统规范（如StyleSeed）的可复用UI组件。它强制组件使用语义化的设计令牌，并遵循严格的可访问性标准，从而避免了随意编写的样式和标记，确保整个前端界面的结构化和高一致性。
查看详情

可重用界面组件模式生成

ui-pattern
sickn33/antigravity-awesome-skills
453
本技能旨在帮助开发者根据现有设计系统（如StyleSeed的原子组件）生成结构化、可复用的UI布局模式。适用于构建需要跨多个页面保持设计一致性和重复使用性的组件，例如卡片列表、数据表、表单区域等。它指导如何从最小的构建块开始，确保组件的动态性和可扩展性，避免重复编写页面特定的标记代码。
查看详情

UI设计系统合规性审核

ui-review
sickn33/antigravity-awesome-skills
439
本技能用于对用户界面代码进行严格的结构化审核，确保其完全符合既定的设计系统规范。它重点检查设计令牌（Design Tokens）、组件可用性、可访问性标准（如颜色对比度和焦点状态）以及移动端用户体验，从而提供带具体修复建议的审核报告。
查看详情

React设计系统代码生成器

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