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 skills

Explore Frontend Development skills

7 skills

UnoCSS

Anthony Fu

Configure UnoCSS presets, utility rules and shortcuts in a web project.

  • unocss
  • css
6.1KStars343Forks
Repository last pushed

Polish frontend interfaces with concrete rules for typography, nested corners, shadows, icons, hit areas and restrained motion, plus structured quick or full reviews.

  • ui-design
  • ux-design
  • interaction-design
4KStars169Forks
Repository last pushed
Voyager prompt manager in DeepSeek Harness.
Free
Development & APIs

Voyager Chat Interface Plugins

Write and validate JSON and CSS plugins that customize supported AI chat interfaces in Voyager.

20.6KStars698Forks
Repository last pushed
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Free
Web & UI

Better UI

Polish interface surfaces, icons and motion using the existing UI system.

12.1KStars468Forks
Repository last pushed
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Free
Web & UI

Better Typography

Set and review type scales, spacing, font features and text wrapping.

12.1KStars468Forks
Repository last pushed
Interface example before applying antislop
Free
Web & UI

Anti Slop — Responsive Layouts

Adapt grids, overflow, wrapping and tap targets across mobile and desktop layouts.

9KStars616Forks
Repository last pushed

Modern Web Guidance

Google Chrome and contributors

Find modern web platform patterns and browser-compatibility guidance for HTML, CSS and client-side JavaScript tasks.

  • web development
  • css
  • accessibility
5.7KStars188Forks
Repository last pushed

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