Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →camunda/design-system-migrator
Use when migrating orchestration cluster webapp pages or components from Carbon to the Camunda design system (shadcn), including parallel routes, side-by-side components, and migration tests.
Passed 15 of 20 test cases with the skill, and 6 of 20 without it.
and 16 more in the full report
11 fixed6 passed either way4 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 11 test cases the skill fixed. Same model, same prompt, with and without the skill.
Where should test files for a component located at `src/tasklist/modules/available-tasks/shadcn.components/Filters.tsx` be placed, and which Vitest project flag must be used to run them?
| Checked | Without skill | With skill |
|---|---|---|
| places Filters.test.tsx inside shadcn.components/ alongside the component file | Passed | Passed |
| --project shadcn | Missed | Passed |
The instructions your model reads when the skill loads.
Use this skill for the Carbon-to-shadcn migration in
webapp/client/apps/orchestration-cluster-webapp/.
The migration is incremental. Carbon and shadcn implementations must coexist until cutover. Do not replace, move, or delete the Carbon implementation unless explicitly requested.
For general application architecture, defer to frontend-feature. This skill overrides
its Carbon-only component, route, and SCSS guidance during design-system migration.
src/routes/_carbon/. _carbon is pathless, so
existing public URLs do not change.src/routes/_shadcn/ tree — not
a new, separate shadcn/ (non-pathless) tree. It will break at compile time.src/routes/_shadcn/_auth/ shell, which
already owns the auth guard, Header, and session handling — add new leaves there,
do not recreate any of it._shadcn/_auth/<app>/: since both _carbon and _shadcn are pathless,
that resolves to the same URL as the live Carbon route (/<app>) and collides with
it. Use a temporary, distinguishing leaf name instead — e.g.
_shadcn/_auth/<app>-preview/ — reachable at /<app>-preview, and rename it to
<app>/ (dropping the Carbon route) only at that app's own cutover.src/routes/_shadcn/route.tsx layout owns ThemeProvider, design-system styles, and
the Tailwind stylesheet.Example mapping — an app with no DS presence yet (temporary collision-avoiding leaf, renamed at that app's cutover):
test cases passed, vs 6 / 20 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.