progressive-enhancement

Implement HTML-first, CSS-driven interactivity with progressive enhancement principles.

1|Updated Dec 26, 2025

Search Tags:#html #a11y #css #progressive-enhancement #no-js

Ready to run

npx skills add https://github.com/ProfPowell/project-template --skill progressive-enhancement

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: progressive-enhancement
Source: https://github.com/ProfPowell/project-template/tree/main/.claude/skills/progressive-enhancement
Command: npx skills add https://github.com/ProfPowell/project-template --skill progressive-enhancement

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many features should work without JavaScript. This Skill promotes HTML-first, CSS-driven interactivity with progressive enhancement principles.

Core Features & Use Cases

HTML-first UX: Baseline features work with no JS.
CSS-only Interactions: Pseudo-classes and the :has() selector for state.
Graceful JS: Add JS enhancements only when needed.

Quick Start

Implement an accordion using details/summary and progressively enhance with JS.