Claude CodeでAIっぽくないスライドやWebを作るためのデザイン原則入りスキル集。
#デザイン#スライド
※この説明はAIが公式READMEから自動生成したものです。内容は必ず公式ページでもご確認ください。
これは何？黒い画面（ターミナル）で動かすツール
できること
Claude CodeでスライドかWebサイトを作る時に、URLから取ったブランド情報や72以上の既成ブランド体系を使い、スライド20項目・Web20項目のデザイン基準に沿わせる。
誰に効く？
資料やWebを整えたい人
用意するもの
Claude Code、スキル導入
時間のめやす
30分〜(AIに聞きながらで可)
使うとこうなる
- 1deckかwebsiteを選ぶと→使うルールが分かれる
- 2URLを渡すと→ブランド情報を取り込む
- 3生成すると→HTMLの資料やサイトになる
作れるもの・できることの例
ブランドに沿ったスライド、レスポンシブWebサイト、HTML出力
使えるようになるまでの手順をひらく
- 「」という文字だけの画面を使います（Windowsなら PowerShell）
- GitHubページの「Installation」に書かれたコマンドを順番に実行
- つまずいたら、いつも使っているAIチャットに「(ツール名)のインストールを手伝って」と聞くのがおすすめ
こんな人には向かないかも
- 黒い画面（ターミナル）にまだ抵抗がある人
迷ったらこれ：いつも使っているAIチャット（ChatGPT・Claude・Geminiなど）にこのツールのGitHubリンクを貼って 「これを使いたい。私のPCでの始め方を一歩ずつ教えて」と頼むのが一番の近道です。
むずかしそう？ 同じジャンルで、もっと始めやすいのはこちら
注意点
単体アプリではなくClaude向けスキル。
ひとことメモ
として公開されています。内容は公式ページでもご確認ください。