senior-frontend

star 16

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.

vadimcomanescu By vadimcomanescu schedule Updated 1/19/2026
play_arrow Run Skill in Manus View GitHub

name: senior-frontend description: 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.

Senior 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

  1. Define the UI goal and user flow.
  2. Build semantic structure and state management.
  3. Optimize performance (rendering, bundle size, images).
  4. 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
Install via CLI
npx skills add https://github.com/vadimcomanescu/codex-skills --skill senior-frontend
Repository Details
star Stars 16
call_split Forks 8
navigation Branch main
article Path SKILL.md
More from Creator
vadimcomanescu
vadimcomanescu Explore all skills →