better-coding-frontend
把界面从“能渲染”提升到可用与合规。
审查与构建高质量前端，覆盖无障碍、响应式、国际化与前端测试。
帮你把界面从“能渲染”变成“真好用”：保证无障碍（WCAG 2.2 AA）、响应式、国际化、UX 状态（loading/empty/error）、前端测试和隐私合规等落到位。适用于任何时候在做新 UI、重构或代码审查，无论用 React、Vue、Svelte、Angular + Material 还是纯 HTML/CSS。特点是与视觉设计分离，专注可用性、可测性和稳健性，能在编码时给出改进建议或做只读审计。
▸ 展开 SKILL.md 英文原文
Build or audit user interfaces to a quality floor: accessibility (WCAG 2.2 AA), UX states (loading/empty/error), design-system consistency, responsive layout, internationalization, frontend testing, and GDPR/privacy hygiene. MUST be used whenever UI is built, reshaped, or reviewed in any stack (React, Angular + Material, Vue, Svelte, Web Components, plain HTML/CSS) — even if the user does not say accessibility or frontend. Stack-neutral anti-generic-AI-look principles; build mode sets the quality floor while coding, audit mode reports read-only. Visual/aesthetic direction belongs to a design skill, not this one. Trigger: /better-coding-frontend
帮我安装这个 skill：https://raw.githubusercontent.com/janschachtschabel/better-coding-skills/main/skills/better-coding-frontend/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/janschachtschabel/better-coding-skills/main/skills/better-coding-frontend/SKILL.md"# Better Coding Frontend The layer between "it renders" and "it's good to use." Aesthetics (palette, typography, signature) belong to the `frontend-design` skill; this skill owns whether the interface is **usable, accessible, robust, internationalized, and compliant** — the parts that decide whether a real person, on a real device, with real needs, can actually use it. **Primary objective:** every interface is operable by keyboard and screen reader, readable at real contrast and zoom, honest about its states (loading/empty/error), responsive down to mobile, internationalizable, and free of privacy/compliance traps. Looking good is necessary but not sufficient. --- ## Activation Begin th