带有标签“设计系统”的 Skills

impeccable - 设计、审计与精化前端用户界面。
前端 UI设计 UX 设计系统
★ 0 · 更新于 2026-09-24
在 Web 和原生平台上设计、审计、精炼与优化前端用户界面及设计系统。
⚙ 规划 UX 与 UI ⚙ 生成设计文档 ⚙ 提取可复用设计 Token
impeccable - 前端界面设计与 UI/UX 优化工具集
前端 UI设计 UX设计设计系统
★ 1 · 更新于 2026-09-23
提供前端界面设计、审查、打磨与优化功能，覆盖设计系统、布局排版及视觉交互。
⚙ 在编码前规划 UX 和 UI ⚙ 生成产品与设计文档 ⚙ 提取可复用的设计 Token
design-hub - 构建与运行本地设计系统中心。
设计系统 React Vite 文档
★ 154 · 更新于 2026-09-23
存储多个设计系统，从截图、URL 或文本描述生成完整条目，并提供可浏览文档、Live Mock 及 JSON API。
⚙ 初始化本地服务 ⚙ 提取设计系统条目 ⚙ 生成 Live Mock
awesome-design-html - 118个单文件HTML设计参考库
HTML 设计系统 UI组件 iOS原型
★ 156 · 更新于 2026-09-23
提供118个单文件HTML设计参考，包含中国传统色卡、品牌营销网页和iOS应用界面原型。
⚙ 匹配品牌和目标平台 ⚙ 读取参考HTML文件 ⚙ 提取设计Token
impeccable - 设计、评估、精修与优化前端用户界面。
前端 UI设计 UX审查设计系统
★ 0 · 更新于 2026-09-23
提供前端界面设计、重构、评估审查、视觉精修及设计系统组件提取等功能。
⚙ 设计前端用户界面 ⚙ 规划界面与用户体验 ⚙ 审计无障碍与前端性能
high-end-visual-design - 高端机构级 UI/UX 与动态视觉设计指南。
UI设计 UX设计前端开发 TailwindCSS
★ 7 · 更新于 2026-09-23
定义视觉规范、布局原型、微交互与动画标准，用于构建高端 Web 用户界面。
⚙ 拦截通用平庸 UI 默认样式 ⚙ 选择创意视觉氛围与布局原型 ⚙ 构建双边框嵌套卡片容器
ui-visual-validator - UI视觉验证与无障碍检查。
UI测试视觉验证设计系统无障碍
★ 17 · 更新于 2026-09-22
通过系统化视觉分析验证UI修改、设计系统合规性及无障碍标准。
⚙ 分析UI截图 ⚙ 检测视觉差异 ⚙ 验证跨浏览器一致性
brand-styler - 为演示文稿应用公司品牌视觉样式
演示文稿品牌设计设计系统 PowerPoint
★ 0 · 更新于 2026-09-22
通过可替换的品牌包为演示文稿应用包含配色、字体、布局及极简装饰规范的公司视觉识别样式。
⚙ 为演示文稿应用品牌视觉样式 ⚙ 规范幻灯片字体与排版布局 ⚙ 添加新的公司品牌包
penpot-uiux-design - 基于 MCP 工具的 Penpot UI/UX 设计指南。
penpot ui设计 ux设计 mcp工具
★ 0 · 更新于 2026-09-22
提供通过 MCP 工具在 Penpot 中创建 UI/UX 设计、组件及设计系统的规范与工作流。
⚙ 在 Penpot 上下文中执行代码 ⚙ 将图形导出为 PNG 或 SVG ⚙ 向 Penpot 设计导入图像
stave-design-system - Stave 桌面优先设计系统指南
设计系统 ui shadcn stave
★ 4 · 更新于 2026-09-22
在修改 UI、布局、主题及对话框等任务中应用 Stave 桌面优先设计系统与 shadcn 组件。
⚙ 应用 Stave 桌面设计系统 ⚙ 使用已有 shadcn 组件 ⚙ 生成缺失的 shadcn 组件
better-interface - 将界面作为一个整体系统进行审查
界面审查 UI审计设计系统无障碍
★ 9 · 更新于 2026-09-22
协调六项领域技能，对界面的可访问性、布局、文案、排版、色彩与 UI 进行综合与跨学科审查。
⚙ 确定审查范围与模式 ⚙ 识别框架与设计规范 ⚙ 协调各领域设计审查
ui-styling - 使用 shadcn/ui 和 Tailwind CSS 构建无障碍用户界面
UI样式 shadcn-ui tailwind-css radix-ui
★ 0 · 更新于 2026-09-22
提供用于构建无障碍响应式用户界面和设计系统的组件、实用类样式及 Canvas 视觉设计模式。
⚙ 安装 shadcn/ui 组件 ⚙ 使用 Tailwind CSS 设置界面样式 ⚙ 构建移动优先的响应式布局
design-system-patterns - 设计系统模式
设计系统设计令牌主题化组件架构
★ 0 · 更新于 2026-09-21
使用设计令牌、主题基础设施和组件架构模式构建可扩展的设计系统。
⚙ 创建设计令牌 ⚙ 实现主题切换 ⚙ 构建多品牌主题系统
cc-design - 高保真 HTML 视觉设计与原型创作
UI设计 HTML原型演示文稿落地页
★ 831 · 更新于 2026-09-21
构建高保真 HTML 视觉产物，涵盖幻灯片、交互原型、界面 Mockup、动画及设计系统。
⚙ 构建高保真 HTML 视觉原型 ⚙ 创建交互动画与幻灯片 ⚙ 设计界面 Mockup 与落地页
add-design-library-item - 向设计模式库添加新项目
设计系统原子组件 React Native Tailwind
★ 0 · 更新于 2026-09-21
在产品代码使用前创建原子、变体或 Token 等设计库项，配置画廊条目与测试，并完成构建验证。
⚙ 确认不存在已有库项目 ⚙ 创建新原子组件 ⚙ 添加原子变体
ui-ux-frontend-basics - 前端页面与组件的 UI/UX 基础指南
ui-ux 前端布局排版
★ 0 · 更新于 2026-09-21
在设计与完善前端页面和组件时应用实用的 UI/UX 规则与指南。
⚙ 分类界面类型 ⚙ 建立视觉层级 ⚙ 应用间距规范
ui-ux-pro-max - UI/UX 设计智能数据库与技术栈最佳实践指南。
UI设计设计系统前端开发开发指南
★ 18 · 更新于 2026-09-21
通过 Python 搜索脚本提供 UI 风格、配色方案、字体排版、UX 指南和特定技术栈的最佳实践。
⚙ 搜索设计领域信息 ⚙ 搜索技术栈开发指南 ⚙ 分析用户 UI 需求
ui-ux-pro-max - UI/UX Pro Max 设计智能
ui-ux 设计系统前端 tailwind
★ 602 · 更新于 2026-09-20
提供 UI 风格、配色方案、字体组合、图表推荐、UX 最佳实践及前端技术栈规范的检索与设计指导。
⚙ 检索 UI 风格指南 ⚙ 检索配色方案 ⚙ 检索字体组合
design-taste - 面向 Web 界面的前端设计品味与工程打磨
UI设计前端 CSS 排版
★ 58 · 更新于 2026-09-20
运用前端设计工程原则、设计规则、动态微交互及反模式检测，构建、审查与打磨 Web 用户界面。
⚙ 设计 Web 界面 ⚙ 审查 UI 代码 ⚙ 打磨样式与动效
liquid-glass-design - iOS 26 Liquid Glass 设计系统指南。
iOS 26 Liquid Glass SwiftUI UIKit
★ 0 · 更新于 2026-09-20
指导在 iOS 26 的 SwiftUI、UIKit 与 WidgetKit 中实现 Liquid Glass 动态材质、模糊及变形效果。
⚙ 实现 SwiftUI 基本玻璃效果 ⚙ 配置玻璃形状与色调 ⚙ 应用玻璃按钮样式

Scroll to load more