SMALLCAPS

手触りにこだわったミニマルなポートフォリオ

SMALLCAPSは、Claude Code・Codex・Cursor向けの無料AI Skillです。手触りにこだわったモノクロの個人サイトを作ります。小さな文字と広い余白のモノクロな個人サイト。力はすべて手触りに注がれています。サムネイルがカーソルを追い、自分の速度に合わせて傾き、他の行は一歩引きます。ボタンはポインターへ寄り、見出しは一語ずつ立ち上がり、⌘Kで検索できるコマンドメニューが開き、ページ全体がひと息で反転します。

できること

  • 画像ファイルを一切使わず、HTML・CSS・JavaScriptだけで作られた完成サイト
  • 始める前に開けるデモサイト
  • ⌘Kのコマンドメニュー、カーソルを追うサムネイル、磁石のようなボタン、ライト/ダーク切り替え

こんな方に

  • デザイナー・フロントエンドエンジニア
  • 自分のサイトがほしいフリーランス
  • ポートフォリオがテンプレートっぽく見えてしまう方

準備するもの

  • あなたの名前と一行の肩書き
  • 作品6点(名称・種類・年)
  • 自己紹介2段落と基本情報4項目
  • 連絡先または問い合わせ導線

よくある質問

Claude Code、Codex、Cursorに貼り付けるか、SKILL.mdとしてツールのskillsフォルダに保存してください。AIが素材パックを取得し、足りないものを尋ね、プロジェクトフォルダにサイトを作ります。Skillの使い方

はい。Skillが全体を規定しています。ネイティブのダイアログ、打った文字が順に出てくればよい部分一致検索、上下キーでの移動、Enterで実行、Escapeで終了。コマンドには各セクションへの移動、ライト/ダーク切り替え、メールアドレスのコピー、各作品を開く操作が含まれます。

はい。ブランド名と本文を渡し、素材パックのファイルを同じ名前のまま自分のものに差し替えてください。Skillは、レビュー、受賞、住所、電話番号を創作しないようAIに指示しています。

無料です。登録またはログインすると、このページでコピーできます。