commercetools

Nextjs Setup Project — Design skill for Claude Code

Design community

Scaffold a new Next.js (>16) + commercetools storefront — installs dependencies, configures Tailwind v4, wires next-intl locale routing, creates directory structure, and writes shared types/utils.

How to install Nextjs Setup Project

Installs to ~/.claude/skills/commercetools-commercetools-ai-plugins-nextjs-setup-project/SKILL.md

Terminal

mkdir -p ~/.claude/skills/commercetools-commercetools-ai-plugins-nextjs-setup-project && curl -fsSL https://raw.githubusercontent.com/commercetools/commercetools-ai-plugins/HEAD/commands/nextjs-setup-project.md -o ~/.claude/skills/commercetools-commercetools-ai-plugins-nextjs-setup-project/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Nextjs Setup Project does

description: Scaffold a new Next.js (>16) + commercetools storefront — installs dependencies, configures Tailwind v4, wires next-intl locale routing, creates directory structure, and writes shared types/utils. Run as /nextjs-setup-project.

You are bootstrapping a new Next.js + commercetools storefront from scratch. Execute every step in order. Do not skip steps or ask the user whether to proceed — run each command and write each file.

Step 0 — Gather context (required, run first)

Alternatives in Design

Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
Scaffold Project — Scaffold a new design-product project that matches the recommended Claude Code layout (the reference structure 781 ★
Coding Conventions — Enforces client coding conventions 223 ★