skills.rest
AgLyx3
AgLyx3COMMUNITY
Explore all skills by this author →
GitHub

senior-frontend

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

Updated Mar 21, 2026
Search Tags:#typescript#accessibility#frontend#react#nextjs#tailwind
One-click install
npx skills add https://github.com/AgLyx3/My-Note-App-Not-Just-a-Note-App --skill senior-frontend-aglyx3
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: senior-frontend
Source: https://github.com/AgLyx3/My-Note-App-Not-Just-a-Note-App/tree/main/.cursor/skills/engineering-team/senior-frontend
Command: npx skills add https://github.com/AgLyx3/My-Note-App-Not-Just-a-Note-App --skill senior-frontend-aglyx3

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend development patterns, performance optimization guidance, and accessibility best practices for large React/Next.js codebases, enabling teams to deliver scalable, high-quality frontend experiences.

Core Features & Use Cases

  • Project scaffolding patterns for Next.js and React with TypeScript and Tailwind CSS to accelerate initial setup.
  • Component generation and automation workflows to enforce consistency across UI components, hooks, and utilities.
  • Bundle analysis and optimization guidance to improve performance, accessibility checks, and code-quality reviews.

Quick Start

Generate a Next.js + TypeScript frontend scaffold with Tailwind and accessibility patterns using the scaffolder.

Frequently Asked Questions about senior-frontend

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

FAQPage Schema
How do I scaffold a React or Next.js project with TypeScript and Tailwind CSS?▼

To scaffold a React or Next.js project, this skill provides automation scripts generating project structures with TypeScript and Tailwind CSS. You get a standardized frontend foundation enforcing team consistency for scalable delivery.

What is the best way to enforce accessibility checks across a large React codebase?▼

Enforcing accessibility checks across a large React codebase is handled via reference materials and automation scripts included here. This integrates checks into your workflow, ensuring UI components meet accessibility standards during component generation.

How do I automate component generation for React apps to maintain code quality?▼

Automating component generation for React apps uses provided automation workflows to standardize UI components, hooks, and utilities. This ensures consistent code-quality reviews and scalable frontend delivery across teams sharing the same codebase.

Does this frontend engineering workflow support bundle analysis and performance optimization?▼

Yes, this frontend engineering workflow supports bundle analysis and performance optimization. It provides specific guidance to analyze bundles and optimize large React/Next.js applications, enabling teams to deliver high-quality frontend experiences.

Can I use these frontend patterns for existing Next.js codebases or only new projects?▼

You can use these frontend patterns for existing Next.js codebases and new projects. The tooling applies to scaffolding, component generation, and code-quality reviews, enforcing standards across teams and codebases regardless of project age.

Related Skills

Explore More Software Engineering Skills→
ZeroGravitySkin-RonZeroGravitySkin-Ron

frontend-dev-guidelines

Provide frontend development guidelines for Next.js 16 App Router applications.

Community
Intermediate
SylphxAISylphxAI
4

performance

Analyze Next.js frontend performance for Core Web Vitals and bundle size.

Official
Intermediate
viktorbezdekviktorbezdek
10

react-development

Generate React application scaffolds with shadcn/ui and optimal hooks.

Community
Advanced
LuizEduPPLuizEduPP

senior-frontend

Scaffold React/Next.js projects and generate components with TypeScript and Tailwind.

Community
Advanced