POTENTIAL BUG: Section folder naming mismatch when title contains "&" character

[johnkattenhorn]

When creating a section with "&" in the title (e.g., "Goals & Measurements"), there's a mismatch between how the folder is named vs how the section ID is generated for routing.

Expected behavior:

The folder name created by skills (/shape-section, /sample-data, /design-screen) should match the slug generated by slugify() in src/lib/product-loader.ts.

Actual behavior:

• slugify() converts "Goals & Measurements" → goals-and-measurements (replaces " & " with "-and-")
• Skills create folders as goals-measurements (just removes the "&")

This causes the section to not be found when navigating from the sections list, since the route uses goals-and-measurements but the files are in goals-measurements.

Suggested fix:

Either:

1. Export the slugify() function and reference it in the skill prompts so folder creation uses the same logic, or
2. Update the skill prompts to explicitly handle "&" → "-and-" conversion when creating folder paths

Workaround:
Manually rename the folders to include "-and-" where "&" appears in the section title.

[iuqdwnjk]

I confirm the same bug, but eventually LLM was able to find and fix it

[mhulet]

Facing a similar issue, but with accented characters. For French section names like "Événements" (events), it stays empty in the UI even if the section has been shaped and designed.

You have to tell the agent to fix it and you can help by letting her know that it's an accented character issue.