SkillFeeder › 全部 Skill › 设计与视觉 › oil-ui
生成高辨识度、结构清晰、真实可运行的界面设计稿与对比页
oil-ui
oil-ui 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 oil-oil/dsh-oil-ui，★ 227。生成高辨识度、结构清晰、真实可运行的界面设计稿与对比页。适合产品设计师、前端负责人、设计评审者。场景是设计与视觉 · Figma/UI。能做的事包括输出多风格同屏对比页，直观决策设计方向、交付含设计说明的可运行界面或标准设计稿、基于真实截图逐层验收视觉层级与交互走通性。打开 GitHub 自行安装。
能做什么
- 输出多风格同屏对比页，直观决策设计方向
- 交付含设计说明的可运行界面或标准设计稿
- 基于真实截图逐层验收视觉层级与交互走通性
原文简介
设计、改进和评审网站、App、后台与组件的界面：探索设计方向、生成多风格同屏对比页，并基于真实截图打磨视觉层级；按请求交付对比页、设计说明、设计稿或可运行界面。只负责设计判断，不用于纯业务逻辑、接口构建、无界面变化的代码整理，或改法已完全明确的日常修改（如改文案、调数量、删指定元素、复用现有样式，哪怕带有“优化”字样）。已安装 oil-ui-pro 时交给 oil-ui-pro。
同场景推荐
- frontend-design所在仓库 anthropics/skills，仓库 ★ 190,432打造不落俗套的专属UI视觉方案，拒绝模板化默认样式。
- web-artifacts-builder所在仓库 anthropics/skills，仓库 ★ 190,432用 React + Tailwind + shadcn/ui 构建带状态和路由的 claude.ai 单文件 HTML 交互式前端产物
- frontend-ui-engineering所在仓库 addyosmani/agent-skills，仓库 ★ 114,402构建符合设计系统、无障碍、响应式的生产级前端界面
- apple-hig所在仓库 nexu-io/open-design，仓库 ★ 106,772生成符合苹果人机界面规范的跨平台设计文档与组件说明
- artifacts-builder所在仓库 nexu-io/open-design，仓库 ★ 106,772生成带交互组件的 Claude HTML 产物，含 React、Tailwind 和 shadcn/ui
- industrial-brutalist-ui所在仓库 nexu-io/open-design，仓库 ★ 106,772构建数据密集型仪表盘，呈现解密蓝图般的机械终端界面
- frontend-design所在仓库 bytedance/deer-flow，仓库 ★ 85,186生成高审美、可直接运行的前端界面，输出 index.html
- web-design-guidelines所在仓库 bytedance/deer-flow，仓库 ★ 85,186自动检查网页代码是否符合最新 Web 界面设计规范