mikezupper

Modern CSS Skill — Design skill for Claude Code

Design community

Agent Skill for building stunning, performant web UIs with modern platform-native CSS — no JS hacks.

How to install Modern CSS Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open mikezupper/modern-css-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Modern CSS Skill does

Agent Skill for building stunning, performant web UIs with modern platform-native CSS — no JS hacks.

Alternatives in Design

Huashu Design — Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 23.6k ★
Part 3 — Technical Design Document Generator — I'll help you create a Technical Design Document for your MVP 2.1k ★
Brainwave — Learn to create modern websites with sleek parallax effects and bento box layouts 1.9k ★

README

🎨 modern-css — an Agent Skill for building stunning UIs with platform-native CSS

![Skill Format](https://img.shields.io/badge/format-Agent%20Skill%20(SKILL.md)-8A2BE2) ![CSS](https://img.shields.io/badge/CSS-2026%20Snapshot-1572B6?logo=css&logoColor=white) ![Baseline Verified](https://img.shields.io/badge/baseline%20verified-2026--07--22-brightgreen) ![Feature Tiers](https://img.shields.io/badge/tiers-A%20widely%20·%20B%20newly%20·%20C%20guarded-blue) ![Features Tracked](https://img.shields.io/badge/features%20tracked-120%2B-orange) ![Zero JS Hacks](https://img.shields.io/badge/JS%20hacks-replaced%20by%20CSS-success) ![Interop](https://img.shields.io/badge/Interop-2026%20aligned-informational) ![Maintenance](https://img.shields.io/badge/maintenance-re--verify%20every%206%20months-yellow) ![PRs Welcome](https://img.shields.io/badge/PRs-welcome-ff69b4)

![License](https://img.shields.io/badge/license-CC_BY_4.0-lightgrey) ![Last Commit](https://img.shields.io/github/last-commit/mikezupper/modern-css-skill) ![Commit Activity](https://img.shields.io/github/commit-activity/m/mikezupper/modern-css-skill) ![Issues](https://img.shields.io/github/issues/mikezupper/modern-css-skill) ![Contributors](https://img.shields.io/github/contributors/mikezupper/modern-css-skill) ![Repo Size](https://img.shields.io/github/repo-size/mikezupper/modern-css-skill) ![Stars](https://img.shields.io/github/stars/mikezupper/modern-css-skill?style=social)

A portable, harness-agnostic **Agent Skill** that teaches any AI coding agent to build the highest-quality, performant, elegant, modern web UX/UI by leveraging CSS and the web platform to their full current capability — instead of reaching for the JavaScript hacks and libraries that only ever existed to patch CSS's historical shortcomings.