A comprehensive guide of best practices, coding rules, and workflow automation for AI-assisted front-end development with GitHub Copilot. Focuses on React, Clean Code principles, accessibility (a11y), and more. Reference implementation for modern front-end projects.
13 files for Claude Code, GitHub Copilot and Codex: Expert React Frontend Engineer, copilot-instructions copilot-instructions.md, copilot-instructions a11y.instructions.md, copilot-instructions agent-skills.instructions.md and 9 more — 29,023 tokens loaded in every session.
.github/copilot-instructions.md A 734 tok .github/instructions/a11y.instructions.md A 5,184 tok .github/instructions/agent-skills.instructions.md A 2,617 tok .github/instructions/agents.instructions.md B 8,292 tok .github/instructions/follow-up-question.instructions.md A 185 tok .github/instructions/instructions.instructions.md A 1,553 tok .github/instructions/object-calisthenics.instructions.md A 2,315 tok .github/instructions/performance-optimization.instructions.md C 4,654 tok .github/instructions/react.instructions.md A 2,395 tok .github/instructions/vitest.instructions.md A 1,094 tok .github/skills/make-skill-template/SKILL.md A 75 tok .github/skills/pr-description/SKILL.md A 84 tok .github/agents/expert-react-frontend-engineer.agent.md B 30 tok These files are pplancq/copilot-instructions's own configuration — they tell Claude Code, GitHub Copilot and Codex how to work on this repository, so they are not mods to install elsewhere. Copy one as a starting point and replace the parts that are about this project.