採用HPテンプレート ショーケース＆編集マニュアル
11種類の採用HP テンプレート（standard/recruit-magazine/authority-minimal/leadgen-minimal/leadgen-visual/trust-visual/qa-type/story-type/simple/visual/data-driven/fullorder）をブラウザで閲覧できるデモサイト。Claude Code利用者向けの詳細編集マニュアル（31KB）を内蔵し、テンプレート選定→カスタマイズ→デプロイまでのワークフローをガイド。
Next.js 16React 19TypeScriptTailwind CSS 4Noto Sans JPNoto Serif JP
11種テンプレートデモ
Standard、Recruit Magazine、Q&A型、ストーリー型、データドリブン型など11種の採用HPテンプレートを実際にレンダリングして閲覧
- /templates/[type]/ で各テンプレートのライブプレビュー
- テンプレート別layout.tsxでカスタムカラー・フォント・data属性管理
- 採用/雇用に特化したテンプレートのみ（汎用コーポレートは hp-template 側）
Claude Code編集マニュアル
/manual ページに31KBの詳細ガイド。ケース別の修正手順をClaude Codeユーザー向けに文書化
- テンプレート選定基準の解説
- site.json / layout.tsx の変更ポイント
- ケース別カスタマイズ手順
- デプロイまでのワークフロー