SOLENNE
海辺の建築事務所のサイト
SOLENNEは、Claude Code・Codex・Cursor向けのAI Skillです。海辺の建築事務所のサイトを作ります。全画面の作品索引では各写真の左右が離れては出会い、住宅ごとに色の変わるラベルカード、実素材で埋めたモノグラム、そしてサイト全体にフィルムの粒子が乗ります。
できること
- HTML・CSS・JavaScriptだけで作られた完成済みのウェブサイト
- デモ用素材パック：作品写真10点、スタジオ写真4点、素材の接写6点、グレインタイル1点
- 360pxのスマホから1440pxのデスクトップまでレイアウトを確認
こんな方に
- ウェブ制作のフリーランス
- ブランドデザイナー
- 動きのあるサイトを作りたい方
準備するもの
- ブランド名と2文字のモノグラム
- 横位置の作品写真10点
- スタジオまたは現場の写真4点
- 素材の接写6点（自分の写真から切り出しても可）
よくある質問
Claude Code、Codex、Cursorに貼り付けるか、SKILL.mdとしてツールのskillsフォルダに保存してください。AIが素材パックを取得し、足りないものを尋ね、プロジェクトフォルダにサイトを作ります。Skillの使い方
索引では、各作品写真の左半分を画面の左に、右半分を右に置きます。スクロールすると左右が反対方向へ動き、住宅ごとにまた出会います。横位置の写真であれば、追加の切り抜きなしでそのまま使えます。
はい。ブランド名と本文を渡し、素材パックのファイルを同じ名前のまま自分のものに差し替えてください。Skillは、レビュー、受賞、住所、電話番号を創作しないようAIに指示しています。
全69点のSkillと今後追加される分：月額US$6、6か月US$29、買い切りUS$99。価格は税込です。