skills.rest
LRYuChi
LRYuChiCOMMUNITY
Explore all skills by this author →
GitHub

senior-frontend

Coordinate scaffolding, bundle analysis, and UI best-practices enforcement for React and Next.js projects.

Updated Aug 27, 2026
Search Tags:#automation#frontend#react#scaffolding#nextjs#bundles#senior
One-click install
npx skills add https://github.com/LRYuChi/TAHZAN-ARCHIVE --skill senior-frontend-lryuchi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: senior-frontend
Source: https://github.com/LRYuChi/TAHZAN-ARCHIVE/tree/main/.claude/skills/senior-frontend
Command: npx skills add https://github.com/LRYuChi/TAHZAN-ARCHIVE --skill senior-frontend-lryuchi

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Senior frontend developers need a unified toolkit to scaffold components, analyze bundles, and enforce UI best practices across React/Next.js projects, improving speed and quality.

Core Features & Use Cases

  • Component Generator: automates scaffolding with customizable templates and built-in quality checks.
  • Bundle Analyzer: performs deep performance analysis and offers actionable recommendations.
  • Frontend Scaffolder: provides expert automation with configurable setups for production-grade output.

Use cases include building new features, refactoring UI, optimizing performance, and conducting thorough code reviews.

Quick Start

Ask your AI to bootstrap a senior frontend project using the available scripts to generate components, run bundle analyses, and scaffold architecture.

Frequently Asked Questions about senior-frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate React and Next.js component scaffolding for large repositories?▼

Automate React and Next.js component scaffolding using customizable templates with built-in quality checks to generate production-grade architecture. This coordinates automated scaffolding across complex repos to accelerate feature development and maintain consistency.

What is the best way to analyze bundle size and optimize performance in a Next.js application?▼

Analyze bundle size and optimize performance in a Next.js application by performing deep bundle analysis that offers actionable recommendations. This identifies bottlenecks and enforces UI best practices for improved load times.

Can I use automated workflows to enforce UI best practices during code reviews?▼

You can use automated workflows to enforce UI best practices during code reviews by applying reference-based guidance and scripts. This ensures consistent quality standards across feature development and refactoring tasks in TypeScript and JavaScript projects.

How do I bootstrap a senior frontend project for React and Next.js?▼

Bootstrap a senior frontend project for React and Next.js by using available scripts to generate components, run bundle analyses, and scaffold architecture. This provides configurable setups for expert automation and production-grade output.

Does this frontend automation support TypeScript and JavaScript projects?▼

This frontend automation supports TypeScript and JavaScript projects within React and Next.js environments. It satisfies requirements for automated scaffolding, bundle analysis, and UI best-practice enforcement across both language ecosystems.

When do I need automated frontend scaffolding for my development team?▼

You need automated frontend scaffolding when building new features, refactoring UI, or coordinating workflows across large teams and complex repos. It provides expert automation with configurable setups to improve development speed and output quality.

Related Skills

Explore More Software Engineering Skills→
maxenergymaxenergy

setup-pre-commit

Automate Husky pre-commit hook setup with lint-staged and Prettier for JavaScript/TypeScript projects.

Community
Intermediate
Exia-thdExia-thd

performance-engineer

Profile web applications and generate k6/Artillery load testing scripts.

Community
Advanced
nanorepublicananorepublica
61

Global Tech Stack

Validate code against centralized global tech stack standards.

Community
Basic
SergeiGolosSergeiGolos
1

performance-profiling

Audit web performance with Lighthouse and analyze bundle sizes.

Community
Intermediate