Menu
Learn how to create a new route in The Lab.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| 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.