senior-frontend

Scaffold React components with templates and optional tests.

Updated Aug 23, 2026

Search Tags:#automation #React #frontend #TypeScript #scaffolding #Next.js #Tailwind

One-click install

npx skills add https://github.com/atalovesyou/claude-skills-pack --skill senior-frontend-atalovesyou

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: senior-frontend
Source: https://github.com/atalovesyou/claude-skills-pack/tree/main/skills/senior-frontend
Command: npx skills add https://github.com/atalovesyou/claude-skills-pack --skill senior-frontend-atalovesyou

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill accelerates frontend development by providing automated scaffolding, performance analysis, and UI best practices, reducing repetitive setup and decision fatigue.

Core Features & Use Cases

Automated Component Generator: scaffolds React components with best practices, templates, and optional tests.
Bundle Analyzer: provides deep analysis of bundles and actionable performance improvements.
Frontend Scaffolder: bootstraps new projects or features with consistent configurations and architecture.
Use Case: When building a new feature, generate a reusable component skeleton and a performance-optimized build plan in minutes.

Quick Start

Use the component generator to scaffold a new React component in your project: python scripts/component_generator.py <project-path> --template Button