designer
✓UI モックアップ/ワイヤーフレーム、レスポンシブ HTML/CSS ビルド、ブランド キット、プレゼンテーション デッキのデザイン アシスタント。 Codex が視覚的な方向性の提案、画面のレイアウト、ページ/コンポーネントの HTML/CSS の下書きまたは調整、ブランド キット (パレット、タイポグラフィ、音声、ロゴの方向) の組み立て、または視覚的なガイダンスとスピーカー ノートを含むスライド デッキの概要を作成する必要があるときにトリガーします。
インストール
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。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/devopgava/nexus --skill designer- カテゴリ
- #ドキュメント
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
designer とは？
UI モックアップ/ワイヤーフレーム、レスポンシブ HTML/CSS ビルド、ブランド キット、プレゼンテーション デッキのデザイン アシスタント。 Codex が視覚的な方向性の提案、画面のレイアウト、ページ/コンポーネントの HTML/CSS の下書きまたは調整、ブランド キット (パレット、タイポグラフィ、音声、ロゴの方向) の組み立て、または視覚的なガイダンスとスピーカー ノートを含むスライド デッキの概要を作成する必要があるときにトリガーします。 ソース: devopgava/nexus。
designer のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/devopgava/nexus --skill designer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/devopgava/nexus
詳細
- カテゴリ
- #ドキュメント
- ソース
- skills.sh
- 初回登録
- 2026-02-01