mertjane

Nxt Component — Design skill for Claude Code

Design community

Generates a Next.js + TypeScript + Tailwind component.

How to install Nxt Component

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

Terminal

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

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

What Nxt Component does

description: Generates a Next.js + TypeScript + Tailwind component. Auto-detects project conventions (naming, folder structure, function style) from existing components. argument-hint: [path/to/output] allowed-tools: [Read, Glob, Write]

Generate Next.js Component

Create a fully typed Next.js + Tailwind component based on the name provided in $ARGUMENTS.

Parse $ARGUMENTS:

First word → component name (PascalCase). If not PascalCase, convert it.
Second word (optiona

Alternatives in Design

Guitar — by soramimi - Serves as development guide for Guitar Git GUI Client with build commands for various platforms 1.7k ★
Icm Architect — Claude skill: design any process, idea, or problem into an ICM workspace (folder structure as agent architectu 1.3k ★
Scaffold Project — Scaffold a new design-product project that matches the recommended Claude Code layout (the reference structure 781 ★