Agent-Skills.md

Agent Skills: 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.

UncategorizedID: vadimcomanescu/codex-skills/senior-frontend

Repository

vadimcomanescu/codex-skills
vadimcomanescuLicense: MIT
218

Install this agent skill to your local

pnpm dlx add-skill https://github.com/vadimcomanescu/codex-skills/tree/HEAD/skills/.experimental/platform/senior-frontend

Skill Files

Browse the full folder contents for senior-frontend.

Download Skill

Loading file tree…

skills/.experimental/platform/senior-frontend/SKILL.md

Skill Metadata

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