mertjane

Nxt Page — Design skill for Claude Code

Design community

Generates a Next.js App Router page with page.tsx, loading.tsx, and error.tsx.

How to install Nxt Page

Installs to ~/.claude/skills/mertjane-awesome-claude-commands-nxt-page/SKILL.md

Terminal

mkdir -p ~/.claude/skills/mertjane-awesome-claude-commands-nxt-page && curl -fsSL https://raw.githubusercontent.com/mertjane/awesome-claude-commands/HEAD/commands/nxt-page.md -o ~/.claude/skills/mertjane-awesome-claude-commands-nxt-page/SKILL.md

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

What Nxt Page does

description: Generates a Next.js App Router page with page.tsx, loading.tsx, and error.tsx. Auto-detects route conventions, dynamic segments, and layout patterns from the existing project. argument-hint: allowed-tools: [Read, Glob, Write]

Generate Next.js Page

Create a complete Next.js App Router page set for the route provided in $ARGUMENTS.

Parse $ARGUMENTS as the route path (e.g. `dashboard/settings`, `blog/[slug]`, `shop/[category]/[id]`).

Step 1 — Detect Projec

Alternatives in Design

Polish UI — Polish UI elements by auditing SCSS and TSX markup against the Anytype design system, then fixing discrepancie 8.7k ★
Clipify — Claude Code skill: turn long videos into social-ready clips 549 ★
Design Framework — Convert HTML/CSS design output to framework-specific component code 309 ★