Agent skill · software engineering · aiskillstore
senior-frontend
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.
Why this skill is useful
Adds 3 executable scripts for component generation, bundle analysis, and frontend scaffolding that extend the AI's capabilities.
What it needs
Requires docker, npm, python installed locally. About 2k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Senior Frontend Complete toolkit for senior frontend with modern tools and best practices. Quick Start Main Capabilities This skill provides three core capabilities through automated scripts: Core Capabilities 1. Component Generator Automated tool for component generator tasks. Features: Automated scaffolding Best practices built-in Configurable templates Quality checks Usage: 2. Bundle Analyzer Comprehensive analysis and optimization tool. Features: Deep analysis Performance metrics Recommendations Automated fixes Usage: 3. Frontend Scaffolder Advanced tooling for specialized tasks. Features: Expert-level automation Custom configurations Integration ready Production-grade output Usage: Reference Documentation React Patterns Comprehensive guide available in references/reactpatterns.md: Detailed patterns and practices Code examples Best practices Anti-patterns to avoid Real-world scenarios Nextjs Optimization Guide Complete workflow documentation in references/nextjsoptimizationguide.md: Step-by-step processes Optimization strategies Tool integrations Performance tuning Troubleshooting guide Frontend Best Practices Technical reference guide in references/frontendbestpractices.md: Technology stack details Configuration examples Integration patterns Security considerations Scalability guidelines Tech Stack Languages: TypeScript, JavaScript, Python, Go, Swift, Kotlin Frontend: React, Next.js, React Native, Flutter Backend: Node.js, Express, GraphQL, REST APIs Database: PostgreSQL, Prisma, NeonDB, Supabase DevOps: Docker, Kubernetes, Terraform, GitHub Actions, CircleCI Cloud: AWS, GCP, Azure Development Workflow 1. Setup and Configuration 2. Run Quality Checks 3. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/senior-frontend