designer
✓UI 模型/线框、响应式 HTML/CSS 构建、品牌套件和演示文稿的设计助手。当 Codex 需要提出视觉方向、布局屏幕、起草或完善页面/组件的 HTML/CSS、组装品牌套件（调色板、版式、语音、徽标方向）或通过视觉指导和演讲者注释概述幻灯片时触发。
SKILL.md
Use this skill to quickly collect inputs, pick a deliverable type, and ship concise design outputs. Default to fast, lightweight artifacts (textual mockups, single-file HTML/CSS, structured brand kits, slide outlines) unless the user asks for higher fidelity.
UI mockups and wireframes 1) Define the flow and primary user goals; list key screens and states. 2) Choose layout: grid (e.g., 12-col web, 4-col mobile), spacing scale, container widths, breakpoint behaviors.
3) Specify sections with hierarchy, placement, and density; call out above-the-fold priorities. 4) List components with states (default/hover/active/empty/error/loading/success) and content samples.
UI 模型/线框、响应式 HTML/CSS 构建、品牌套件和演示文稿的设计助手。当 Codex 需要提出视觉方向、布局屏幕、起草或完善页面/组件的 HTML/CSS、组装品牌套件（调色板、版式、语音、徽标方向）或通过视觉指导和演讲者注释概述幻灯片时触发。 来源：devopgava/nexus。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/devopgava/nexus --skill designer- 分类
- #文档处理
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 designer？
UI 模型/线框、响应式 HTML/CSS 构建、品牌套件和演示文稿的设计助手。当 Codex 需要提出视觉方向、布局屏幕、起草或完善页面/组件的 HTML/CSS、组装品牌套件（调色板、版式、语音、徽标方向）或通过视觉指导和演讲者注释概述幻灯片时触发。 来源：devopgava/nexus。
如何安装 designer？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/devopgava/nexus --skill designer 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/devopgava/nexus
详情
- 分类
- #文档处理
- 来源
- skills.sh
- 收录时间
- 2026-02-01