带有该标签的 Skills：用户界面

• accessibility-compliance - 实现符合 WCAG 2.2 标准的无障碍用户界面

  无障碍wcagariareact

  ★ 1 · 更新于 2026-09-24

  实现符合 WCAG 2.2 标准的界面，支持移动端无障碍、包容性设计模式及辅助技术。

  ⚙ 实现 WCAG 2.2 合规标准⚙ 构建支持屏幕阅读器的界面⚙ 为交互组件添加键盘导航
• avoid-ai-design - 审查并重写前端 UI 以消除 AI 设计模式

  设计用户界面前端AI模式消除

  ★ 79 · 更新于 2026-09-22

  审查并重写 HTML/CSS 和 React/Tailwind 前端 UI，消除通用 AI 设计模式，并支持仅检测模式。

  ⚙ 审查前端代码中的 AI 模式⚙ 在可用时渲染 UI 预览⚙ 确定统一的设计方向
• stave-design-system - Stave 桌面优先设计系统指南

  设计系统uishadcnstave

  ★ 4 · 更新于 2026-09-22

  在修改 UI、布局、主题及对话框等任务中应用 Stave 桌面优先设计系统与 shadcn 组件。

  ⚙ 应用 Stave 桌面设计系统⚙ 使用已有 shadcn 组件⚙ 生成缺失的 shadcn 组件
• frontend-design - 构建或重构用户界面时的视觉设计指南。

  前端设计UI排版

  ★ 0 · 更新于 2026-09-22

  为新建或重构用户界面提供视觉设计、排版、配色、布局及界面文案撰写的指导意见。

  ⚙ 结合主题背景进行设计⚙ 制定包含 Token 的设计计划⚙ 根据需求简报审查设计计划
• Layout Designer - 设计响应式页面布局与网格系统。

  布局网格设计构图

  ★ 0 · 更新于 2026-09-22

  结合间距规则、设计理论与视觉层级原则，创建实用的页面布局与网格系统。

  ⚙ 设计落地页布局⚙ 设计仪表盘应用布局⚙ 设计图文内容布局
• withseismic-grid - 基于 12x12 网格构建网页与用户界面的布局系统

  withseismic网格布局react

  ★ 0 · 更新于 2026-09-22

  使用 @withseismic/grid 组件库及其算术规则与阶梯分数构建网页布局和用户界面。

  ⚙ 安装 @withseismic/grid 布局包⚙ 渲染网格布局基础组件⚙ 组合页面乐章与行结构
• delight - 为用户界面添加令人愉悦的细节与个性化交互

  界面设计用户体验前端动画

  ★ 0 · 更新于 2026-09-22

  识别界面优化契机，通过微交互、动画、个性化文案、音效及庆祝效果提升 UI 用户体验。

  ⚙ 评估界面中的愉悦化改进契机⚙ 实现微交互与动态效果⚙ 为界面文案融入个性化表达
• popular-web-designs - 用于 HTML/CSS 生成的 54 个真实 Web 设计系统

  设计csshtml界面

  ★ 3 · 更新于 2026-09-22

  提供 54 个真实 Web 设计系统模板及其视觉 Token 和组件规范，用于生成 HTML 与 CSS。

  ⚙ 选择设计系统模板⚙ 加载模板设计规范⚙ 应用设计 Token 与样式
• frontend-design - 创建独具特色且具备生产级品质的前端界面。

  前端设计用户界面代码生成

  ★ 3 · 更新于 2026-09-21

  为网页组件、页面、制品和应用生成具备生产级品质且避免通用AI审美的前端代码。

  ⚙ 收集所需的项目设计上下文⚙ 缺失上下文时运行 teach-impeccable⚙ 确定鲜明的概念设计方向
• overdrive - 以突破常规的技术实现提升界面表现

  前端UI动画性能

  ★ 0 · 更新于 2026-09-21

  通过高级浏览器 API、物理动画和高性能渲染技术，突破 Web 界面的视觉与性能极限。

  ⚙ 提出多种设计方向⚙ 使用浏览器自动化迭代视觉效果⚙ 实现渐进增强降级方案
• popular-web-designs - 包含 54 个真实设计系统的 HTML/CSS 模板库。

  设计csshtml用户界面

  ★ 0 · 更新于 2026-09-21

  提供 54 个真实设计系统模板和 Token 规范，用于生成 HTML 与 CSS。

  ⚙ 加载设计系统模板⚙ 应用 CSS 自定义属性⚙ 映射 Google Fonts 替代字体
• overdrive - 使用高难度技术方案突破常规界面限制。

  前端界面动画WebGL

  ★ 0 · 更新于 2026-09-21

  利用着色器、虚拟滚动、高级动画与性能优化技术，打造突破常规限制的 Web 界面体验。

  ⚙ 提议技术实现方案⚙ 通过浏览器自动化预览效果⚙ 实现电影级界面过渡动画
• prism - 渲染具有清晰视觉层级的结构化 HTML 文档。

  HTMLVue文档UI

  ★ 56 · 更新于 2026-09-21

  利用 Vue 组件编写结构化 HTML 文档模板，并将其构建为自包含的单文件 HTML。

  ⚙ 渲染结构化 HTML 文档⚙ 组合 Vue UI 组件⚙ 构建单文件 HTML 输出
• flutter-expert - 精通 Flutter 3.x 与 Dart 3 多平台应用开发。

  flutterdart跨平台移动开发

  ★ 6 · 更新于 2026-09-21

  提供 Flutter 多平台应用开发、状态管理、UI 设计与性能优化的指导及代码实现。

  ⚙ 构建多平台 Flutter 应用⚙ 优化 Impeller 渲染引擎⚙ 实现应用状态管理模式
• popular-web-designs - 来自真实网站的54个生产级设计系统

  设计csshtml用户界面

  ★ 0 · 更新于 2026-09-21

  加载模板以生成匹配 Stripe、Linear、Vercel、Notion 和 Airbnb 等流行网站视觉标识的 HTML 与 CSS。

  ⚙ 加载设计模板⚙ 生成带样式的 HTML 与 CSS⚙ 应用视觉设计令牌
• n-rate - Naive UI n-rate 评分组件

  naive-uivue评分组件

  ★ 8 · 更新于 2026-09-20

  提供 Naive UI n-rate 评分组件的使用说明和示例。

  ⚙ 渲染基础评分组件⚙ 配置评分尺寸与颜色⚙ 支持半星精度评分
• minimalist-ui - 高级实用极简主义UI架构规范

  前端设计极简主义用户界面

  ★ 0 · 更新于 2026-09-20

  构建包含暖色单色彩盘、清晰边框、克制动效与平坦便当盒布局的极简编辑风格界面。

  ⚙ 设计便当盒网格布局⚙ 应用暖色单色彩盘⚙ 实现克制的微动效
• liuguang-banlan-ui - 构建流光溢彩白与五彩斑斓黑的参数化 UI 模式

  ui前端oklchwebgl

  ★ 17 · 更新于 2026-09-20

  构建流光溢彩白与五彩斑斓黑参数化 UI 模式，支持 OKLCH 色彩空间、WebGL 与 CSS 退化、视觉门禁与截图测量报告。

  ⚙ 分类 UI 请求主题模式⚙ 实现参数化主题契约⚙ 构建 WebGL 光谱场渲染器
• implementing-wpf-adorners - 实现 WPF Adorner 装饰图层

  wpfadornerxamlui

  ★ 0 · 更新于 2026-09-19

  使用 AdornerLayer、AdornerDecorator 和自定义模式在 WPF 中实现视觉装饰图层。

  ⚙ 创建自定义 Adorner 类⚙ 向 AdornerLayer 添加装饰器⚙ 从 UIElement 移除装饰器
• frontend-design - 用于创建独特且具意图的前端视觉设计的指导指南。

  前端设计UI字体排印

  ★ 0 · 更新于 2026-09-19

  提供用于设计独特 UI 的原则与流程，涵盖字形、配色、布局和文本，避免模板化默认方案。

  ⚙ 构思设计方案⚙ 建立自定义 Token 系统⚙ 定义特定字形组合

Scroll to load more