designer

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。

查看原文