React + TypeScript coding standards under BK Charterline — 4-file component pattern, no inline styles, styled-components base, library-agnostic, WCAG 2.2 AA, PII-free mocks, resolve every UI to the chosen library (Law 30). Invoke for any React/frontend code, component creation, styling, or a11y work in code. For an accessibility-only audit, use design:accessibility-review when installed, held to WCAG 2.2 AA. For visual direction when there's no design to follow, use frontend-design:frontend-d...
Installs into .claude/skills of the current project.
Are you the author of Frontend Guide?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/bojankocijan-frontend-guide-bk-charterline)
---
name: frontend-guide
description: React + TypeScript coding standards under BK Charterline — 4-file component pattern, no inline styles, styled-components base, library-agnostic, WCAG 2.2 AA, PII-free mocks, resolve every UI to the chosen library (Law 30). Invoke for any React/frontend code, component creation, styling, or a11y work in code. For an accessibility-only audit, use design:accessibility-review when installed, held to WCAG 2.2 AA. For visual direction when there's no design to follow, use frontend-design:frontend-design when installed; Laws 19 and 30 still apply.
license: GPL-3.0-only
---
# Frontend Guide
Read [`knowledge/FRONTEND_GUIDE.md`](../../knowledge/FRONTEND_GUIDE.md) for the full standards, then apply them. It is the single source — this skill only routes you there so the rules never drift.
