OilOil UI/UX Guide
技能 已验证 活跃运行结构化的UI/UX咨询,以(a)共同设计特定项目的设计系统并输出 `design-spec.md`,(b)审查现有UI并提出优先修复建议,或(c)为某个界面输出简洁的“可做/不可做”规则。当用户想要定义/构建/改进设计系统或设计标记时,请求设计规范,请求对屏幕/模型/PR进行完整UI审查,或想要针对界面类型设计规则时触发。请勿为狭窄的一次性问题(“这个颜色可以吗?”、“这个按钮应该更大吗?”)触发 — 直接回答这些问题,无需启动咨询流程。
提供结构化、协作式的UI/UX设计咨询,帮助用户创建或改进设计系统并获得对其界面的可操作反馈。
功能
- 结构化的UI/UX咨询
- 设计系统协同设计
- 带优先修复的UI审查
- 设计规则生成
- 用于提取设计标记的代码分析
- 交互式面试式工作流程
使用场景
- 定义项目特定的设计系统
- 审查现有UI并提供优先修复建议
- 为界面类型生成简洁的“可做/不可做”规则
- 改进设计标记或视觉语言
- 获取UI/UX最佳实践的专家指导
非目标
- 直接回答狭窄的一次性设计问题
- 在未经用户输入的情况下强加单一的审美偏好
- 在没有咨询的情况下取代用户现有的设计决策
- 为与UI/UX设计系统或审查无关的请求触发
实践
- 设计系统开发
- UI/UX审查
- 设计咨询
- 以用户为中心的设计
安装
npx skills add oil-oil/oiloil-ui-ux-guide通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。
质量评分
已验证类似扩展
Ui Ux Pro Max
100UI/UX design intelligence with searchable style, palette, typography, and chart databases. Use when designing UI components, choosing colors/fonts, reviewing code for UX issues, building landing pages, or implementing responsive layouts.
A11y Audit
100Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets
UI UX Pro Max 品牌技能
99品牌声音、视觉标识、信息框架、素材管理、品牌一致性。用于品牌内容、语调、营销素材、品牌合规性、风格指南。
Theme Builder
96Build light/dark theme from scratch or improve existing. Complete surface, text, and interactive color system
Figma Generate Library
100从代码库在 Figma 中构建或更新专业级设计系统。当用户想要创建变量/令牌、构建组件库、设置主题(浅色/深色模式)、记录基础或协调代码和 Figma 之间的差距时使用。此技能教授要构建什么以及按什么顺序 — 它补充了教授如何调用插件 API 的 `figma-use` 技能。两个技能应一起加载。
Refactor Plan
100Prioritized redesign action plan covering quick wins, medium effort, major rework