creative skills kit
A library for AI agents. The standard holds the strict rules a creative site needs. Install a skill for a complex or repetitive task. The agent does it right away :)
Gaurav Verma, A Creative Developer, built these rules and skills for the sites he ships. Other developers ran them on their own projects. The repeat tasks took less time. Use them whole, or edit the part that does not fit.
npx creative-skills-kit install <slug-name>
[ Standard ]
[ SKILLS ]
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
Builds a Next.js App Router page transition with GSAP and Lenis. The exit animation finishes, the route changes, then the entry animation starts from the same visual state the exit ended on. Asks for the user's animation or a default fade. Use when the user asks for a Next.js page or route transition, or invokes /nextjs-page-transition. App Router only. Depends on gsap and lenis.
nextjs-page-transition