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

6 skills

Install and update vendored Oxlint plugins that detect unwanted AI coding patterns while preserving a project's local rule customizations.

  • code-quality
  • linting
  • javascript
6.1KStars169Forks
Repository last pushed

Configure or migrate JavaScript and TypeScript linting with ESLint 9 flat config and neostandard.

  • eslint
  • javascript
2KStars146Forks
Repository last pushed

Find Similar Functions

Million Software

Search for existing JavaScript and TypeScript symbols before adding potentially duplicate code.

  • javascript
  • typescript
  • code-review
15.1KStars499Forks
Repository last pushed

Typescript

siviter-xyz

code-quality skill for Claude AI. Grade A. TypeScript standards and best practices with modern tooling. Use when working with TypeScript or TypeScript React files.

  • code-quality
  • javascript
  • typescript
22Stars1Forks
Repository last pushed
Illustrative Claude Academy recommendation linking to the official Claude Code learning resource.
Free
Images

Algorithmic Art

Create original seeded generative art with p5.js and an interactive parameter viewer.

193.4KStars22.8KForks
Repository last pushed
Author-provided banner showing five game scenes. Its 74-skill label reflects an earlier edition; the reviewed catalog contains 76 specialized skills plus a router.
Free
Web & UI

Phaser Browser Game Foundations

Set up game configuration, scene lifecycles, asset loading, cameras, transitions, and cross-scene events.

8.8KStars894Forks
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