07
Claude design 作例集サイトで「デザインはもう頼まなくていい」を証明する
aiclaude-designdesignnon-engineerprompt
すべて目的
デザインを「専門職に頼むもの」から「自分で言葉にすれば出てくるもの」へ引き下げる。
そのために、抽象的な紹介記事ではなく コピーして使えるプロンプト付きの作例カタログ をギャラリーサイトとして公開する。
サイトのデザイン自体も Claude Design で作り、その成果をもとにNext.jsで実装する(2026-09-16の本人の追加依頼)。デザインの生成から実サイトへの移植までを検証対象にする。
領域:D(組織・働き方系)。既存4領域にデザインの枠はないため、「非デザイナーがデザインを内製する働き方」として D に置く。
ゴール
- □全テンプレート制覇 — Claude Design が用意するテンプレート全種を1件ずつ作り、各作例に「入力プロンプト全文・生成結果・所要時間・手直しの有無」が併記されている
- □検証日の明記 — 各作例に検証日(と可能なら利用時のバージョン情報)を必ず表示する。Claude design は仕様変更が速いため、日付のない作例は資産にならない
- □サイト公開 — Claude Designのデザインをもとに実装したNext.jsのギャラリーサイトが公開され、URL単体で人に渡せる状態になっている
- □記事化 — Zenn に制作記が公開されている(何が一発で出て、何が出なかったかを含む)
- □民主化の観察 — 非デザイナー1〜2名(社内・社外の事業者どちらでも可)が、サイトのプロンプトを流用して自分用の成果物を作れた