Route Makeover
Route Makeover orchestrates a complete app redesign by scanning your SvelteKit project's routes, organizing them into tiers and clusters, and materializing a structured task epic ready for execution. It pairs with the impeccable skill to handle per-route treatment and jat:tasktree to wire dependencies, letting you hand a design team a ready-to-run plan. Use it when you need the whole app redesigned—not just one screen.
Route Makeover scans your SvelteKit app's routes, clusters them by design need, and generates a dependency-wired task epic for a full-app redesign.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-27
Route Makeover scans your SvelteKit app's routes, clusters them by design need, and generates a dependency-wired task epic for a full-app redesign. Route Makeover orchestrates a complete app redesign by scanning your SvelteKit project's routes, organizing them into tiers and clusters, and materializing a structured task epic ready for execution. It pairs with the impeccable skill to handle per-route treatment and jat:tasktree to wire dependencies, letting you hand a design team a ready-to-run plan. Use it when you need the whole app redesigned—not just one screen.
Use it when
- Route Makeover scans your entire SvelteKit app, clusters routes by dependency and design scope.
- Yes.
Verify before relying
Read SKILL.md below before installing (3 files). Open directory: indexed for reading, not audited.
Install
joewinke/jat/route-makeover · repository language: Svelte
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does Route Makeover do for a SvelteKit app design overhaul?
Route Makeover orchestrates a complete app redesign by scanning your SvelteKit project's routes, organizing them into tiers and clusters, and materializing a structured task epic ready for execution. It pairs with the impeccable skill to handle per-route treatment and jat:tasktree to wire dependencies, letting you hand a design team a ready-to-run plan.
How does Route Makeover redesign all routes at once?
Route Makeover scans your entire SvelteKit app, clusters routes by dependency and design scope, and generates a dependency-wired task epic that gates per-route treatment behind shared system fixes. This lets you plan and materialize design work across the whole app in structured tiers and foundation phases rather than tackling routes in isolation.
Can I add new routes to an existing Route Makeover epic?
Yes. Route Makeover supports adding new routes to an existing design-treatment epic without re-running the foundation phase. This means you can extend your design plan incrementally as your app grows, keeping the core system work intact while layering on new route treatments.
What is the relationship between Route Makeover and impeccable?
Route Makeover generates the high-level design PRD and task tree that organizes your redesign work; impeccable handles the per-route treatment and design critique. Route Makeover gates per-route work behind shared system fixes, so impeccable can focus on individual route polish once the foundation is solid.
How does Route Makeover handle design dependencies?
Route Makeover generates a design epic with jat:tasktree-compatible dependency wiring, so tasks that depend on shared system work are automatically gated. This automates design-firm-style task planning and dependency management, ensuring your design team works in the right order and foundation phases complete before per-route treatment begins.
When should I use Route Makeover instead of redesigning routes individually?
Use Route Makeover when you need the whole app redesigned—not just one screen. It's built for full-app UI overhauls where you want to identify shared design patterns, cluster related routes, and hand your team a ready-to-run plan that respects dependencies and foundation work.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Turn a whole SvelteKit app into a structured design makeover: scan every route → cluster + tier them → write a PRD → materialize an impeccable-treatment epic (epic + foundation tasks + one task per route cluster, fully dependency-wired).
This skill orchestrates two others: the impeccable
(truncated - see the full file via the links below)
File tree — 3 files
.agents/skills/route-makeover/SKILL.md
.agents/skills/route-makeover/reference/treatment.md
.agents/skills/route-makeover/scripts/scan-routes.mjs
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Orchestrate a full-app design makeover by scanning routes, clustering them, and generating a dependency-wired task epic”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
jat-onboard streamlines new client projects by intelligently processing documentation to extract team structure, integrations, and requirements. It generates knowledge bases, database schemas with RLS policies, a product requirements document, and a hierarchical task tree—all the structured groundwork needed before development begins.
impeccable shapes production frontend interfaces through design iteration, critique, and craft. It handles everything from visual hierarchy and accessibility to responsive layouts, design systems, and micro-interactions—grounded in project context via PRODUCT.md and DESIGN.md. Real working code, committed design choices.
jat-complete wraps up your active task by running verification checks (tests, lint, type checking), staging and committing your changes with proper formatting, recording context for future agents, and marking the task closed in the system. It handles customer-facing replies when applicable and emits a completion signal to your IDE.
jat-start initializes a new work session by registering agent identity, selecting a task, and surfacing relevant context from past sessions. It checks for duplicate or conflicting work, declares files, and emits IDE signals to track session state. Run this at the beginning of every JAT session.
Inertia Rails Setup detects your frontend framework (React, Vue, or Svelte) and serialization layer from your project files, then recommends and installs complementary libraries like alba-inertia, js-routes, pagy, and shadcn components. It generates a CLAUDE.md configuration block that tells Claude which skill patterns apply to your specific stack.
Create or update full-page screens, modals, dialogs, drawers, and other multi-section UI containers in Figma by leveraging your published design system—components, variables, and styles—rather than drawing with hardcoded values. The skill discovers design system assets from Code Connect files and existing screens, then assembles views incrementally section-by-section using design tokens. Works best alongside the parallel web app capture workflow for pixel-perfect layouts with proper component instances.