ui-design とは？
UI スタイル変更のコラボレーション プロセス。ユーザーがスタイルの変更、レイアウトの調整、または UI の詳細の調整を要求するときに使用されます。 「スクリーンショットの配置→現在の状態の説明→オプションの選択→コードの変更→微調整」という構造化されたフローにより、通信のドリフトが軽減され、トークンの無駄が回避されます。 ソース: yunshu0909/yunshu_skillshub。
·ui-design
*
ui-design
✓UI スタイル変更のコラボレーション プロセス。ユーザーがスタイルの変更、レイアウトの調整、または UI の詳細の調整を要求するときに使用されます。 「スクリーンショットの配置→現在の状態の説明→オプションの選択→コードの変更→微調整」という構造化されたフローにより、通信のドリフトが軽減され、トークンの無駄が回避されます。
ui-design のインストール方法
コマンドラインで ui-design AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: yunshu0909/yunshu_skillshub。
SKILL.md
原文を見る用户要求修改页面的 UI 样式（布局、间距、颜色、组件搭配等视觉层面的调整）。通过结构化的协作流程完成修改，确保每一步都对齐目标，不做无效猜测。
| 截图 | 标注出想改的区域 | | 问题描述 | "这两个元素搭配不协调"、"间距太大" | | 选择方案 | 从给出的方案中选一个 |
| 定位 | ASCII 现状图 | | 方案 | 2-3 个 ASCII 方案图 + 一句话说明 | | 改码 | 最小改动，只改选定方案 | | 微调 | 直接执行具体调整 |
UI スタイル変更のコラボレーション プロセス。ユーザーがスタイルの変更、レイアウトの調整、または UI の詳細の調整を要求するときに使用されます。 「スクリーンショットの配置→現在の状態の説明→オプションの選択→コードの変更→微調整」という構造化されたフローにより、通信のドリフトが軽減され、トークンの無駄が回避されます。 ソース: yunshu0909/yunshu_skillshub。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-26
- 更新日
- 2026-03-10
クイックアンサー
ui-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/yunshu0909/yunshu_skillshub
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-26