← Back to registry
Skill
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.
Install
One-line setup
Copy and run this in your terminal to install the skill. Re-run to reinstall and update an existing install.
npx codex-skills-registry@latest --skill=platform/senior-frontend --yesSenior Frontend
Ship production-ready frontend changes with clear structure, performance, and accessibility.
Quick Start
- Generate components:
scripts/component_generator.py - Analyze bundles:
scripts/bundle_analyzer.py - Scaffold frontend:
scripts/frontend_scaffolder.py
Workflow
- Define the UI goal and user flow.
- Build semantic structure and state management.
- Optimize performance (rendering, bundle size, images).
- Validate a11y and responsive behavior.
References
- React patterns:
references/react_patterns.md - Next.js optimization:
references/nextjs_optimization_guide.md - Frontend best practices:
references/frontend_best_practices.md - Extended examples:
references/examples.md