frontend-coding-standards
OfficialFront-end coding standards for modular UI
Authorsystempromptio
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Front-end coding standards ensure consistent architecture, accessibility, and maintainability across all UI components for systemprompt.io.
Core Features & Use Cases
- Enforces framework-free, modular vanilla JS, semantic HTML, accessible components, and CSS token-driven styling.
- Enables reusable Web Components for overlays, modals, and menus, reducing duplication and maintenance overhead.
- Use cases include building a consistent UI library and ensuring teams produce predictable, accessible UIs.
Quick Start
Start applying the frontend-coding-standards to new UI components and refactor existing pages to adopt semantic HTML, modular JavaScript, and token-based CSS.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: frontend-coding-standards Download link: https://github.com/systempromptio/systemprompt-marketplace/archive/main.zip#frontend-coding-standards Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.