Arbeitsablauf für die Zusammenarbeit bei der Änderung des UI-Stils. Wird verwendet, wenn Benutzer Stiländerungen, Layoutanpassungen oder Detailoptimierungen der Benutzeroberfläche anfordern. Strukturiert als „Screenshot-Lokalisierung → Beschreibung des aktuellen Zustands → Lösungsauswahl → Code-Änderung → Feinabstimmung“, um Kommunikationsfehler zu minimieren und Token-Verschwendung zu vermeiden.
Installieren Sie den KI-Skill ui-design schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: yunshu0909/yunshu_skillshub.
用户要求修改页面的 UI 样式（布局、间距、颜色、组件搭配等视觉层面的调整）。通过结构化的协作流程完成修改，确保每一步都对齐目标，不做无效猜测。
| 截图 | 标注出想改的区域 | | 问题描述 | "这两个元素搭配不协调"、"间距太大" | | 选择方案 | 从给出的方案中选一个 |
| 定位 | ASCII 现状图 | | 方案 | 2-3 个 ASCII 方案图 + 一句话说明 | | 改码 | 最小改动，只改选定方案 | | 微调 | 直接执行具体调整 |
Arbeitsablauf für die Zusammenarbeit bei der Änderung des UI-Stils. Wird verwendet, wenn Benutzer Stiländerungen, Layoutanpassungen oder Detailoptimierungen der Benutzeroberfläche anfordern. Strukturiert als „Screenshot-Lokalisierung → Beschreibung des aktuellen Zustands → Lösungsauswahl → Code-Änderung → Feinabstimmung“, um Kommunikationsfehler zu minimieren und Token-Verschwendung zu vermeiden. Quelle: yunshu0909/yunshu_skillshub.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-designArbeitsablauf für die Zusammenarbeit bei der Änderung des UI-Stils. Wird verwendet, wenn Benutzer Stiländerungen, Layoutanpassungen oder Detailoptimierungen der Benutzeroberfläche anfordern. Strukturiert als „Screenshot-Lokalisierung → Beschreibung des aktuellen Zustands → Lösungsauswahl → Code-Änderung → Feinabstimmung“, um Kommunikationsfehler zu minimieren und Token-Verschwendung zu vermeiden. Quelle: yunshu0909/yunshu_skillshub.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/yunshu0909/yunshu_skillshub