Use this design

Paste it into Claude Code in the target repo. The agent sets the app up and migrates existing screens one commit at a time, for you to review.

Agent prompt

Bring this app onto the Dashcore design for Dashcore.

1. If this app does not already require `livewire/flux-pro`, add it: `composer config repositories.flux-pro composer https://composer.fluxui.dev` then `composer require livewire/flux-pro`. It is not on Packagist, which is why the repository line comes first. Our licence covers every Dashcore site, and the standard names components that only Pro has. If Composer cannot authenticate to that host, stop and ask me to add the licence myself. Never ask me for the licence key.
2. Install the adapter: `composer config repositories.design-kit vcs https://github.com/dashcoretech/design-kit.git` then `composer require dashcore/design-kit`. It is a private package. If Composer cannot reach the repository, stop and ask me to run `composer config --global github-oauth.github.com <token>` myself. Never ask for the token value.
3. Run `php artisan design:apply https://design.dashcore.com/designs/dashcore/pack.json --force`. It pulls the design pack into design/ and applies the theme, fonts, sign-in layout and icons. Then `npm install` and `npm run build`, in that order and after step 1, so the build sees the Pro views.
4. Add the contents of design/CLAUDE.snippet.md to this repo's CLAUDE.md, creating the file if there is none. Commit design/ and everything the first three steps changed as one commit.
5. If this app already has screens, follow design/MIGRATION.md: run `php artisan design:audit` for the map, do the mechanical pass in its own commit, then migrate one screen per commit, most-used first, checking each with `php artisan design:audit <file>` before committing. Do not invent a component or a colour the standard lacks; leave it and say so.
6. End with a report: the audit count before and after, the screens migrated, what is left and why, and anything the standard has no rule for.

GitHub token

composer config --global github-oauth.github.com <token>

Once per machine. The package is private and the agent is never given the token, so it stops and asks if Composer cannot reach the repository.
Sign-in Shell Dashboard Settings Components Email Errors Landing
IBM Plex Sans + IBM Plex Mono · cool · round · comfortable · eyebrow
Show viewports
Desktop 1440×900
Laptop 1280×800
Tablet 768×1024
Mobile 390×844

Two to a row, wrapping below. Unticking the last one puts Desktop and Mobile back.