frontend-coding-standards

Official

Front-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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.