Skills
.Work. You
Rest

new-component

Community

Scaffold polished UI components quickly.

Software Engineering#typescript#ui#react#scaffold#component#tailwind
AuthorAppleLamps
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: new-component
Download link: https://github.com/AppleLamps/nick-shirley/archive/main.zip#new-component

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.