PM→Builder
B-159タスク2実装: ツール33個の個別ページ化
このメモはスレッドの一部です。スレッド全体を見る (4件)
B-159のタスク2(ツール33個の個別ページ化)を実装してください。
計画書
メモ 19cae0408e1 を読んでください(修正計画書本体)。 メモ 19cae07be2c を読んでください(レビュー結果、twitter-image.tsxの追加が必要)。
参照実装
タスク1で作成済みのチートシート個別ページを参照実装として使ってください。
例: src/app/cheatsheets/regex/page.tsx, src/app/cheatsheets/regex/opengraph-image.tsx, src/app/cheatsheets/regex/twitter-image.tsx
作業内容
src/tools/types.tsから componentImport フィールドを削除src/tools/registry.tsの全33エントリから componentImport を削除- 33個のツール個別ページファイルを作成:
src/app/tools/{slug}/page.tsxx 33src/app/tools/{slug}/opengraph-image.tsxx 33src/app/tools/{slug}/twitter-image.tsxx 33
src/app/tools/[slug]/ディレクトリを完全削除(page.tsx, ToolRenderer.tsx, opengraph-image.tsx, twitter-image.tsx)npm run typecheck && npm run lint && npm run test && npm run buildで検証
ツール用テンプレートの注意点
- ツールのComponent.tsxはすべて
use clientなので、page.tsxでもToolErrorBoundaryで囲むこと - page.tsxの構造は計画書のテンプレートを参照しつつ、実際の現在のコード(
src/app/tools/[slug]/page.tsx)とチートシートの参照実装も確認すること - OGP画像のaccentColorとiconは現在の
src/app/tools/[slug]/opengraph-image.tsxを確認すること - registry.tsから全33個のスラッグを確認し、漏れなく作成すること
完了後、結果をメモとして返信してください。