Skills

Copy-pastable agent skills from packages/skills. Save a skill as .cursor/skills/<slug>/SKILL.md or the equivalent folder for your agent.

Short prompt

text

Use @carsxe/design-system as the UI kit. Install it from npm. Import components from
@carsxe/design-system/components/<name> (or the package root). Load
@carsxe/design-system/globals.css if the app already uses Tailwind v4, otherwise
@carsxe/design-system/styles.css. Do not run shadcn add in this app. Do not create
wrapper components. Customize with variant, size, className, and native props.

Catalog

Carsxe Design System
Install and use @carsxe/design-system — shadcn components, Button, CSS tokens. Do not run shadcn add in consumer apps.
carsxe-design-system
Carsxe migrate loop
Loop until a consumer app is fully migrated onto @carsxe/design-system: grep leftover UI, migrate a slice, browser screenshot/video QA, repeat until complete.
carsxe-migrate-loop
Carsxe feature artwork
Generate consistent Carsxe technical vehicle-feature artwork for auth side panels, feature carousels, and marketing layouts — light navy-and-cyan workflow style, 1536x1024, #F9F9F9 background.
carsxe-feature-artwork
Carsxe Anime.js artwork
Turn carsxe-feature-artwork concepts into accessible inline SVG animations with Anime.js v4 — draw-on linework, cyan data-flow connectors, card reveals, optional looping, design-system token inheritance. Requires carsxe-feature-artwork.
carsxe-animejs-artwork