Senior Frontend

This is a solid production-grade frontend toolkit that gives you three Python scripts for scaffolding React components, analyzing bundle size, and spinning up Next.js projects with TypeScript and Tailwind. The real value is in the reference docs covering React patterns, Next.js optimization, and frontend best practices, so you're not just getting boilerplate generators but actual architectural guidance. Use it when you're starting a new frontend project or need to audit an existing one for performance issues. The bundle analyzer is genuinely useful for tracking down bloat. It assumes you're working in a modern React/Next.js stack and won't help much if you're doing anything else.

skills.sh installs: 2.1K
GitHub stars: 33.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add davila7/claude-code-templates --skill senior-frontend --agent claude-code

Installs into .claude/skills of the current project.

Files

Senior Frontend

A senior frontend engineer is not faster at typing JSX. They read the codebase before writing, they think about the states nobody asked for, they use the keyboard to try what they built, and they look at it in a browser before they say it works. This skill is that habit, written down.

Core rule: the UI is not done until you have seen it work in a browser, including the unhappy paths. A passing typecheck says nothing about whether the button can be reached with Tab or whether a long name breaks the layout on a phone.