探索技能

为网页、图像、演示文稿和视频找到原创工作流。

36 个技能匹配 “ui-design”
清除筛选

App Ui Design

David-Li0406

App Ui Design:来自原 GitHub 项目的可复用 Skill。design skill for Claude AI. Grade A. Mobile app UI design expert for iOS and Android. Use when designing app interfaces, creating design systems, ensuring accessibility, or following platform guidelines. Covers Material Design 3, Human Interface Guidelines, color theory, typography, and 2025 trends.

  • design
  • go
  • swift
3Stars2Forks
仓库最近推送

UI Design

mblode

使用 UI Design 工作流完成相关任务。

  • react
  • ui design
202Stars18Forks
仓库最近推送

swiftui-design-skill:来自原 GitHub 项目的可复用 Skill。design skill for Claude AI. Grade A. SwiftUI frontend visual design skill. Creates beautiful, distinctive iOS/macOS interfaces that avoid generic AI slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review. Use when designing new SwiftUI views, reviewing UI quality, creating iOS prototypes, choosing visual styles, improving app aesthetics, or when the UI looks generic or AI-generated.

  • design
  • go
  • swift
211Stars12Forks
仓库最近推送
硬盘的爆炸技术插画,展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面

Variant: UI Alternatives

在实际页面中构建多个组件方案并比较取舍。

1.2万Stars468Forks
仓库最近推送
官方 Minimal 模板示例:浅色落地页采用克制排版、留白布局与单一主要操作。
免费
UI/UX 设计

Awesome Design Skills

一个统一使用的设计 Skill 模板库,可按风格选择界面设计变量、组件规则与实现检查,供 AI 编程助手制作一致的 UI。

3618Stars340Forks
仓库最近推送
Claude-Mem 官方演示:编程会话旁的浏览器展示持续保存的记忆记录。
免费
UI/UX 设计

Claude-Mem Design Is

按 Dieter Rams 十项原则审查设计,对证据评分,并交接具体改进计划。

11.7万Stars1万Forks
仓库最近推送

以基线、限定源码修改和验证流程处理无障碍问题清单,对需要语境判断的事项保留人工确认。

  • ux-design
  • accessibility
  • ui-design
120Stars15Forks
仓库最近推送

用间距、排版、色彩、层次、图标与交互的实用启发式,把模糊界面反馈转成具体改进。

  • ui-design
  • ux-design
  • design-review
1Stars0Forks
仓库最近推送

Interface Design

Oyindamola Akinleye

以明确的信息层次、共用设计变量、完整状态和可复用设计记忆,设计与改进仪表盘、SaaS 和管理界面。

  • interface-design
  • ui-design
  • design-systems
5962Stars381Forks
仓库最近推送

将 Apple 风格的物理动效和界面设计概念用于网页交互。

  • ui-design
4Stars0Forks
仓库最近推送
Oil UI:上游 README 中的官方图片
免费
网页与界面

Oil UI

通过设计方向探索、同屏风格对比、截图审阅与可运行界面,设计和改进 UI。

3189Stars182Forks
仓库最近推送

按主题读取 Apple 人机界面指南,审查手机与桌面界面,并结合应用框架给出有依据的问题说明与修改建议。

  • ui
  • ux
  • ui-design
3177Stars244Forks
仓库最近推送

Agentation Skills

Benji Taylor, Dennis Jin, Alex Vanderzon

两个可视化 UI 反馈工作流:为 React 或 Next.js 项目接入 Agentation 工具栏,再在可见的桌面浏览器中添加具体设计审查批注。

  • ui-design
  • design-review
  • annotations
5394Stars430Forks
仓库最近推送
硬盘的爆炸技术插画,展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面

Build Design

使用项目现有组件与设计变量,将 Figma 或图片中的设计实现为界面。

1.2万Stars468Forks
仓库最近推送
硬盘的爆炸技术插画,展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面14 个 Skills

Interfaces Skills

14 个 Agent Skill,覆盖界面审查、UI 实现、组件测试和技术插画。

1.2万Stars468Forks
仓库最近推送

用具体规则打磨前端界面的排版、嵌套圆角、阴影、图标、点击区域与克制动效,并输出快速或完整审查。

  • ui-design
  • ux-design
  • interaction-design
3997Stars169Forks
仓库最近推送
Chakra UI 组件系统
免费
网页与界面

Chakra UI Builder

使用 Chakra UI v3 搭建响应式组件、页面与主题。

4.1万Stars3647Forks
仓库最近推送
硬盘的爆炸技术插画,展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面

Better Writing

编写和审查界面标签、错误提示、空状态与确认文案。

1.2万Stars468Forks
仓库最近推送
UI UX Pro Max website introduction — user-supplied screenshot; website figures may differ from the current repository.
免费
网页与界面

UI Styling

结合 shadcn/ui、Tailwind CSS 与设计系统指引制作响应式界面组件。

14.8万Stars1.6万Forks
仓库最近推送
硬盘的爆炸技术插画,展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面

Better UI

使用现有界面系统打磨表面、图标与动效。

1.2万Stars468Forks
仓库最近推送
对话框尺寸规格图动画,展示尺寸线、镜头拉远与图层分解视图。
免费
图像设计

Dimensional Drawing Sheets

制作独立 HTML 尺寸规格图,以黑白 SVG 视图、实测变量、分解图和细节视图描述组件几何结构。

2073Stars149Forks
仓库最近推送
作者的 Stageshow 示例:界面控件、仪表盘图表、应用图标、键盘和音乐播放器。
免费
网页与界面

Stageshow

用 React 制作产品界面插画和光标动画演示,包括功能卡片、浏览器窗口、仪表盘、手机界面与 Bento 网格。

3145Stars210Forks
仓库最近推送
硬盘的爆炸技术插画,展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面

Better Layout

检查分组、对齐、阅读顺序与响应式布局。

1.2万Stars468Forks
仓库最近推送

UI UX Kit

Muhammad Arham Athar

按产品界面类型选择设计规则,确定视觉概念,建立可复用的设计变量与交互状态,并输出 DESIGN_SYSTEM.md。

  • ui-design
  • ux-design
  • design-systems
3Stars1Forks
仓库最近推送