new-component

Generate React component scaffolds with server/client templates and TypeScript props interfaces.

Updated Dec 27, 2025

Search Tags:#typescript #ui #react #scaffold #component #tailwind

One-click install

npx skills add https://github.com/AppleLamps/nick-shirley --skill new-component-applelamps

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: new-component
Source: https://github.com/AppleLamps/nick-shirley/tree/main/.claude/skills/new-component
Command: npx skills add https://github.com/AppleLamps/nick-shirley --skill new-component-applelamps

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill accelerates UI development by scaffolding React components that adhere to project conventions, reducing boilerplate and ensuring consistency.

Core Features & Use Cases

Server/Client templates: Generate templates for both server and client components.
Props interfaces & variants: Define strong props types and component variants (featured vs standard).
File placement: Creates src/components/<ComponentName>.tsx with a starter template.

Quick Start

Create a new component at src/components/ComponentName.tsx using the default template. Use existing component patterns to refine and customize.