ui-design
Installation
SKILL.md
用户要求修改页面的 UI 样式(布局、间距、颜色、组件搭配等视觉层面的调整)。通过结构化的协作流程完成修改,确保每一步都对齐目标,不做无效猜测。
核心原则
- 不猜,不抢跑 — 没有对齐目标之前,绝不动代码
- 截图是第一语言 — 主动要求用户提供截图,用截图定位问题
- ASCII 画方案 — 布局方案用 ASCII 画出来,文字描述容易产生歧义
- 每次只改一个点 — 不要一次改多个地方,逐步逼近目标
工作流程
第 1 步:定位问题
用户说想改某个地方时,先做两件事:
- 读代码 — 读取相关文件,理解当前实现
- 描述现状 — 用 ASCII 画出当前布局,向用户确认:"我看到的是这样,对吗?"
Related skills
More from yunshu0909/yunshu_skillshub
github-repo-search
帮助用户搜索和筛选 GitHub 开源项目,输出结构化推荐报告。当用户说"帮我找开源项目"、"搜一下GitHub上有什么"、"找找XX方向的仓库"、"开源项目推荐"、"github搜索"、"/github-search"时触发。
256weekly-report
帮助用户梳理周报,按照完整逻辑展示工作价值和边界。当用户说"写周报"、"周报"、"梳理周报"、"整理工作"时触发。
169writing-assistant
写作助手 - 当用户说"我想写XX"、"帮我梳理选题"、"怎么形成框架"、"给我组织思路"时触发。根据观点清晰度自动选择最优路线:清晰观点走"框架→内容",模糊观点走"挖掘→选题→框架→内容"。
145lesson-builder
帮助用户通过讨论完成课程大纲和课件。当用户说"备课"、"做课件"、"准备课程"时触发。
120prd-doc-writer
Write and iteratively refine PRD/需求文档 with a story-driven structure and strict staged confirmations (journey map alignment, per-story single-point confirmation, final generation gate). Use when the user asks to 梳理/撰写/完善 PRD、需求文档、用户故事、验收标准,并希望用 ASCII 线框图与 Mermaid(流程图/状态图/时序图)来减少歧义、共同完成文档。
107thinking-partner
思考拍档 - 陪你从混沌中理清局面,锁定核心问题,拆解卡点,共创解法,落地行动
85