@germangabriel/nextjs-skills

Claude skill files for Next.js projects (App Router).

Install

npx @germangabriel/nextjs-skills

Skills are copied into .claude/skills/ in your project root — no dependencies, nothing added to package.json.

What gets installed

.claude/skills/
├── nextjs-design-system/
│   ├── SKILL.md
│   └── references/
│       ├── animation.md
│       ├── atomic-design.md
│       ├── copy.md
│       ├── dark-mode.md
│       ├── forms.md
│       ├── layout.md
│       ├── routing-files.md
│       ├── semantic-colors.md
│       ├── tokens.md
│       └── typography.md
├── nextjs-project-structure/
│   ├── SKILL.md
│   └── references/
│       ├── error-handling.md
│       ├── folder-structure.md
│       └── react-query.md
└── nextjs-accessibility/
    ├── SKILL.md
    └── references/
        ├── accessible-forms.md
        ├── aria-patterns.md
        ├── color-contrast.md
        ├── keyboard-nav.md
        └── screen-reader.md

Updating

Re-run npx @germangabriel/nextjs-skills to overwrite with the latest version.