skills.rest
Logisoft-web
Logisoft-webCOMMUNITY
Explore all skills by this author →
GitHub

senior-frontend

Generate React and Next.js component scaffolds and analyze bundle performance.

Updated Apr 17, 2026
Search Tags:#performance#frontend#react#optimization#scaffolding#nextjs
One-click install
npx skills add https://github.com/Logisoft-web/kiro-skills --skill senior-frontend-logisoft-web
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: senior-frontend
Source: https://github.com/Logisoft-web/kiro-skills/tree/main/senior-frontend
Command: npx skills add https://github.com/Logisoft-web/kiro-skills --skill senior-frontend-logisoft-web

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Enables senior developers to implement, optimize, and review complex frontend applications efficiently.

Core Features & Use Cases

  • Component scaffolding and generation for scalable UI development.
  • Performance analysis and optimization using bundle analysis and best practices.
  • UI/UX implementation and review, managing state, and adhering to best practices for modern web apps.
  • Use Case: A senior frontend engineer aims to optimize a Next.js app for faster load times while maintaining high code quality. They leverage scripts for bundle analysis and follow detailed reference guides to implement best practices.

Quick Start

Use the senior-frontend skill to generate a component scaffold in your project directory and analyze your bundle performance for optimization.

Frequently Asked Questions about senior-frontend

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

FAQPage Schema
How do I optimize React and Next.js bundle performance for faster load times?▼

To optimize React and Next.js bundle performance, you can leverage automated scripts for bundle analysis and apply detailed reference guides to implement frontend performance best practices.

What is the best way to scaffold scalable UI components in a modern web application?▼

Scaffolding scalable UI components involves generating structured component templates directly in your project directory to establish a consistent foundation for UI development and state management.

Can I use this approach to review complex frontend code quality and state management?▼

Yes, you can review complex frontend code quality and state management by evaluating UI/UX implementations against detailed reference guides for modern web applications.

Does this workflow support TypeScript for building complex frontend applications?▼

Yes, the workflow explicitly supports TypeScript alongside React and Next.js to ensure code quality and efficiency when building complex frontend applications.

Why should senior frontend developers use scripts for performance analysis instead of manual checks?▼

Senior frontend developers use scripts for performance analysis to automate bundle evaluation, ensuring consistent identification of optimization opportunities that manual checks might overlook.

Related Skills

Explore More Software Engineering Skills→
zhangzhang-111-izhangzhang-111-i
2

senior-frontend

Scaffold React and Next.js projects with TypeScript and Tailwind CSS.

Community
Advanced
ihj04982ihj04982

defer-non-critical-third-party-libraries

Defer non-critical third-party libraries with dynamic imports in Next.js.

Community
Basic
donggyun112donggyun112
3

frontend-developer

Develop React and TypeScript user interfaces using the Redpanda UI Registry.

Community
Intermediate
OneWave-AIOneWave-AI
245

code-review-pro

Review code for security vulnerabilities, performance bottlenecks, and maintainability issues.

Official
Basic