mcpField
I
interface-design-dammyjay

interface-design-dammyjay

github.com/podoデザイン・UI29169 回インストール1 日前に更新
リポジトリ

interface-design-dammyjay について

interface-design-dammyjayは、情報量の多いダッシュボード、管理パネル、SaaSインターフェース向けのデザインスキルです。一貫性の仕組みと設計原則を用いて、見通しやすく使いやすいレイアウトを目指します。

主な機能

  1. 01ダッシュボードと管理パネルのデザイン
  2. 02SaaSインターフェースのデザイン
  3. 03情報量の多いレイアウト
  4. 04一貫性の仕組みと設計原則

活用シーン

  1. 01データ量の多いダッシュボードの設計
  2. 02管理パネルの作成
  3. 03情報量の多いSaaSインターフェースの構成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/podo/design-agent-skills --skill interface-design-dammyjay

インストール後、Claude Code で/interface-design-dammyjayを入力して読み込まれたか確認します。

同梱ファイルstub.yaml

詳細

interface-design-dammyjay

カタログの概要 — スキルの全容：Dammyjay93/interface-design

判断ツリー

ダッシュボードや管理インターフェースを設計する前に、次の手順を実行してください。

  1. 完全版のスキルはすでにインストールされていますか？ 確認：~/.design-agent-skills/skills/interface-design-dammyjay/SKILL.md が存在し、das: ブロックを含んでいないこと。

    • はい → interface-design-dammyjay を呼び出して続行します
    • いいえ → 手順 2 に進みます

  2. シェルにアクセスできますか？

    • はい → 以下のインストールコマンドを実行してから、スキルを呼び出します
    • いいえ → インストールコマンドを表示します。Claude Code では、! で始まるチャットメッセージとして送信します。グローバルにインストールするには -g を追加し、プロジェクトのみにインストールする場合は省略します

インストールコマンド

npx skills add Dammyjay93/interface-design

またはエージェントごと：

  • Claude Code：claude skills add Dammyjay93/interface-design
  • Cursor/OpenCode：npx skills add Dammyjay93/interface-design

インストール後の呼び出し

  • スキル名：interface-design-dammyjay
  • トリガーフレーズ：「インターフェースデザイン」、「ダッシュボードデザイン」、「管理パネル」、「SaaS インターフェース」、「情報量の多い UI」

機能

大量の情報を明確に提示する必要があるダッシュボード、管理パネル、SaaS インターフェースの作成を専門としています。一貫性を保つ仕組みとクラフトの原則を適用し、情報量の多いレイアウトを使いやすく、ざっと見て把握しやすく、視覚的に洗練されたものにします。

コメント

Markdown 対応