·ui-design

Processus de collaboration pour la modification du style de l'interface utilisateur. Utilisé lorsque les utilisateurs demandent des modifications au style de la page, des ajustements de mise en page ou des ajustements des détails de l'interface utilisateur. Grâce à un flux structuré de « positionnement de capture d'écran → description de l'état → sélection d'options → changement de code → réglage fin », les erreurs de communication sont réduites et le gaspillage de jetons est évité.

22Installations·0Tendance·@yunshu0909

Installation

$npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design

Comment installer ui-design

Installez rapidement le skill IA ui-design dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : yunshu0909/yunshu_skillshub.

用户要求修改页面的 UI 样式(布局、间距、颜色、组件搭配等视觉层面的调整)。通过结构化的协作流程完成修改,确保每一步都对齐目标,不做无效猜测。

| 截图 | 标注出想改的区域 | | 问题描述 | "这两个元素搭配不协调"、"间距太大" | | 选择方案 | 从给出的方案中选一个 |

| 定位 | ASCII 现状图 | | 方案 | 2-3 个 ASCII 方案图 + 一句话说明 | | 改码 | 最小改动,只改选定方案 | | 微调 | 直接执行具体调整 |

Processus de collaboration pour la modification du style de l'interface utilisateur. Utilisé lorsque les utilisateurs demandent des modifications au style de la page, des ajustements de mise en page ou des ajustements des détails de l'interface utilisateur. Grâce à un flux structuré de « positionnement de capture d'écran → description de l'état → sélection d'options → changement de code → réglage fin », les erreurs de communication sont réduites et le gaspillage de jetons est évité. Source : yunshu0909/yunshu_skillshub.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-26
Mis à jour
2026-03-11

Browse more skills from yunshu0909/yunshu_skillshub

Réponses rapides

Qu'est-ce que ui-design ?

Processus de collaboration pour la modification du style de l'interface utilisateur. Utilisé lorsque les utilisateurs demandent des modifications au style de la page, des ajustements de mise en page ou des ajustements des détails de l'interface utilisateur. Grâce à un flux structuré de « positionnement de capture d'écran → description de l'état → sélection d'options → changement de code → réglage fin », les erreurs de communication sont réduites et le gaspillage de jetons est évité. Source : yunshu0909/yunshu_skillshub.

Comment installer ui-design ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/yunshu0909/yunshu_skillshub