Frontend Standards Into an Installable AI Skill — for React, Next.js, Vue, Angular, Svelte, Nuxt, Astro, and Plain HTML/CSS A developer released frontend-standard-skills, an open-source collection of installable AI skills for Claude Code, Cursor, and Copilot that enforce accessibility, performance, and consistency rules across React, Next.js, Vue, Angular, Svelte, Nuxt, Astro, and plain HTML/CSS. The tool installs per-stack rule sets that the AI consults automatically, eliminating the need to re-prompt for standards. It is MIT licensed and available via CLI, Claude Code plugin, or manual folder copy. If you've used Claude Code, Cursor, or Copilot for any real amount of frontend work, you've probably noticed the same thing I did: the code is fast to produce, but it's inconsistent. One component has a proper aria-label , the next one doesn't. One image has explicit dimensions, the next one causes a layout shift. One PR follows your folder convention, the next one invents a new one. You can fix this one prompt at a time: "make this accessible," "optimize this for Core Web Vitals", "follow our conventions", but that only works if you remember to ask, every time, for every file. So I turned it into a rule set the AI reads automatically instead. frontend-standard-skills is an open-source collection of installable AI skills — one per frontend stack — that make Claude Code, Cursor, and any other AI coding tool produce accessible, performant, and consistent frontend code without you having to re-prompt for it every time. Point it at a project and it installs a strict, opinionated, enforceable rule set covering: rem / em text scaling, prefers-reduced-motion , VoiceOver/NVDA-aware patternsIt ships one skill per stack HTML & CSS, React, Next.js, Nuxt, Astro, Angular, Vue.js, and Svelte plus a framework-agnostic core-standards skill that every stack skill builds on. Install just the one you need, or install all of them. A prompt is something you have to remember to type. A skill is something the AI consults on its own once it's relevant: reviewing a component, building a form, or diagnosing a slow PageSpeed score. Each stack's skill folder includes: SKILL.md — the entry point, with a description written to actually trigger not just sit there unused references/ — deep-dive docs on accessibility, performance, component/code standards, and testing & CI, every one with concrete assets/RULES.md — a condensed, self-contained rule file, ready to drop straight into a project InstallFour ways to use it, pick whichever fits your setup: CLI npx / npm / pnpm / yarn — works with Cursor, Claude Code, or anything that reads AGENTS.md : npx frontend-standard-skills add nextjs npx frontend-standard-skills add react vuejs svelte several at once npx frontend-standard-skills add all everything This writes .claude/skills/