Configure UnoCSS presets, utility rules and shortcuts in a web project.
Frontend Development Skills for Claude Code, Codex & AI Agents
These skills help an agent build and maintain web frontends. They span React and Vue practices, CSS tools like UnoCSS, component libraries like Chakra UI and shadcn/ui, and component checks.
92 skillsExplore Frontend Development 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 Frontend Development skills
Pick React or Vue skills first, then add styling or component-library skills that match your stack.
- Follow Vue or React best practices in a new feature
- Migrate a component library to a new version
- Handle loading, error and empty UI states


