Configure UnoCSS presets, utility rules and shortcuts in a web project.
HTML & CSS Skills for Claude Code, Codex & AI Agents
These skills help an agent produce polished HTML and CSS, often as standalone artifacts. Examples include HTML slide decks, web artifacts, utility CSS and Markdown conversion.
25 skillsExplore HTML & CSS skills
7 skillsPolish frontend interfaces with concrete rules for typography, nested corners, shadows, icons, hit areas and restrained motion, plus structured quick or full reviews.
Voyager Chat Interface Plugins
Write and validate JSON and CSS plugins that customize supported AI chat interfaces in Voyager.
Better UI
Polish interface surfaces, icons and motion using the existing UI system.
Better Typography
Set and review type scales, spacing, font features and text wrapping.
Anti Slop — Responsive Layouts
Adapt grids, overflow, wrapping and tap targets across mobile and desktop layouts.
Find modern web platform patterns and browser-compatibility guidance for HTML, CSS and client-side JavaScript tasks.
Related topics
How to choose HTML & CSS skills
Use slide or artifact skills for single-file outputs, UnoCSS or shadcn/ui for app styling, and polish skills for spacing and detail.
- Build a slide deck as a single HTML file
- Convert Markdown to styled HTML
- Polish spacing and detail in a page


