creative-skills-kit
Every skill below lives in this repo's skills/ directory. Install any of them into a project with the CLI:
npx creative-skills-kit install <slug-name>
[ Kit : 2 ]
Scaffolds a new creative Next.js project with optional GSAP, Lenis, Motion, Theatre.js, R3F/Three, Lottie, and CMS, then pulls fonts, type sizes, and colors from Figma. Use only when explicitly invoked with /creative-project-setup, or when the user asks to set up a new creative Next.js / studio site from a Figma file.
creative-project-setup
Makes a Next.js UI responsive with a strict desktop-first process: desktop first, then tablet with max-md, then mobile with max-sm. Only two breakpoints, md 1025px and sm 768px. Custom global classes (type, color, and any other property they already set) are adjusted in globals media queries, never overridden on the element. Use when the user asks to make a Next.js page, section, or component responsive, or invokes /nextjs-desktop-first-responsive. One section at a time: tablet and mobile, then wait for approval before the next section. Must not change the desktop UI at viewport >= 1025px. Works as a global skill or a project-local skill.
nextjs-desktop-first-responsive