Claude-skill-registry adding-a-new-app-route

Fully wires up a new route with required boilerplate, following this repo's conventions for subapps. Use when user wants to add a new route or app or subapp or page or screen.

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/adding-a-new-app-route" ~/.claude/skills/majiayu000-claude-skill-registry-adding-a-new-app-route && rm -rf "$T"

manifest: skills/data/adding-a-new-app-route/SKILL.md

Adding a new route

Use this checklist to track your work:

Determine name & route for the new app
Determine the kind of app to create
Create a folder for the new app
Mount the new app in the global routes listing
Consider next steps

Determine name & route for the new app

If the name of the new app and the desired route have not already been specified,

AskUserQuestion

to determine that information, e.g.

MyApp

/my-app

Determine the kind of app to create

Static: The simplest possible app with static-only content
Dynamic: A typical app that fetches data based on route params

Use the answer in the next step.

Create a folder for the new app

Choose the correct template directory based on the previous step:
- Static:
```
./templates/static/Replace/
```
- Dynamic:
```
./templates/dynamic/Replace/
```
Use that directory as the template for the new subapp
Recreate that folder structure under
```
/src/Apps/<NewApp>
```
Replace all instances of
```
replace
```
and
```
Replace
```
with appropriate naming (case-sensitive)

Mount the new app in the global routes listing

Add the new route to the main route list at

src/routes.tsx

. Follow existing conventions re: alphabetization.

Consider next steps

Additional dev advice:

You may need to restart the server for the new route to take effect
Then visit http://localhost:4000/{replace} to see your new app
Examine the generated code for additional follow-ups

Celebrate

Indicate you are done with a /beep