メニュー
Learn how to create a new route in The Lab.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | Create New Routes |
| description | Learn how to create a new route in The Lab. |
This skill creates production-ready React routes following Lab's established architecture patterns.
src/routes/ - thin TanStack Router definitionssrc/pages/ - UI implementationspages/[section]/components/$param.tsx syntaxindex.tsxCreate a new React component following Lab's architecture patterns. Determines component scope (core vs. page-scoped), generates proper structure with TypeScript types, creates Storybook stories for core components, and ensures composability with existing components.
Learn how to visualize data in a sustainable, accurate, and theme aware way.