gr8monk3ys

Component New — Development skill for Claude Code

Development community

Create a new React component with TypeScript and modern best practices.

How to install Component New

Installs to ~/.claude/skills/gr8monk3ys-skills-component-new/SKILL.md

Terminal

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

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

What Component New does

description: Create a new React component with TypeScript and modern best practices model: claude-opus-4-8

Generate a new React component following 2025 best practices.

Component Specification

$ARGUMENTS

Options (if not specified above, ask or use defaults)

Option	Choices	Default
Component Type	Server Component, Client Component	Server (unless needs interactivity)
Styling	Tailwind, CSS Modules, Styled Components	Tail

Alternatives in Development

Create Blog Article For Claude Code Component — You will create a complete, SEO-optimized blog article for a Claude Code component 23.4k ★
Axiom — Battle-tested Claude Code skills for modern xOS (iOS, iPadOS, watchOS, tvOS) development with 13 production-re 2.6k ★
Portaljs Add Map — Render a GeoJSON dataset on an interactive Leaflet map in the Views section of a dataset's showcase 2.3k ★