create-page

To generate React pages from existing components, this skill composes registered components into routable page files. It automatically creates route files and updates documentation based on your directory-based routing structure.

Directory-based routing for React applications is a convention where routes map directly to folder structures. This skill enforces this by generating route files at paths like src/pages/{route}/index.tsx.

You scaffold a new route by describing the desired page and route to the skill. It queries your component registry, assembles relevant components, applies Tailwind styling, and generates the index.tsx file.

Yes, you need Tailwind CSS to auto-create pages with this approach. The skill leverages Tailwind-based styling to enforce consistent visual design across the newly composed component pages.

The best way to automate React routing for new pages is using a skill that applies directory-based conventions. It eliminates manual setup by generating route files and updating index documentation simultaneously.