Development AI Skills

Explore skills for building and maintaining software across languages and frameworks.

170 skills

Explore Development skills

17 skills
Web & UI

Anatomy

Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.

12.8KStars925Forks
Repository last pushed
Chakra UI component system
Free
Web & UI

Chakra UI Migration

Upgrade Chakra UI v2 projects to v3 across packages, providers, components, and theming.

40.7KStars3.6KForks
Repository last pushed

Create reports, invoices and other PDFs with React components, reusable layouts, SVG graphics and controlled page breaks.

  • pdf
  • react
  • document-generation
168Stars11Forks
Repository last pushed
React Admin application interface
Free
Web & UI

React Admin

Build and troubleshoot react-admin applications, resources, forms, authentication, and data providers.

27KStars5.5KForks
Repository last pushed
Chakra UI component system
Free
Web & UI

Chakra UI Builder

Build responsive Chakra UI v3 components, page layouts, providers, and reusable themes.

40.7KStars3.6KForks
Repository last pushed

Create component-based HTML emails with React Email, reusable layout and styling, local previews, and rendered output for a sending provider.

  • react-email
  • html-email
  • react
204Stars31Forks
Repository last pushed
React Admin application interface
Free
Web & UI

React Admin Internationalization

Internationalize react-admin applications with translation namespaces, interpolation, and pluralization.

27KStars5.5KForks
Repository last pushed

Add suitable Suspense boundaries to Sanity Studio custom form components.

  • sanity
  • react
194Stars31Forks
Repository last pushed
Illustrative Claude Academy recommendation linking to the official Claude Code learning resource.
Free
Web & UI

Web Artifacts Builder

Build multi-component HTML artifacts with React, state management and a bundled delivery workflow.

186.1KStars22KForks
Repository last pushed
A light shadcn/ui component showcase with forms, navigation, charts, payout settings, and a chat interface.
Free
Web & UI

shadcn/ui

The official shadcn/ui skill for AI agents. Find, add, compose, customize, and debug UI components using your project configuration, current component docs, and the shadcn CLI.

125.7KStars13.3KForks
Repository last pushed

Route Remotion video tasks to the relevant official guidance for composition, animation, preview and rendering.

  • remotion
  • react
  • video
6KStars672Forks
Repository last pushed

Agentation Setup

Benji Taylor, Dennis Jin, Alex Vanderzon

Add the Agentation visual-feedback toolbar to a React or Next.js project, choose manual feedback or MCP sync, and verify the selected connection.

  • ui-design
  • ux-design
  • annotations
5KStars399Forks
Repository last pushed
Chakra UI component system
Free
Web & UI

Chakra UI Refactor

Review Chakra UI v3 code and convert existing layouts to consistent components and tokens.

40.7KStars3.6KForks
Repository last pushed

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements).

  • react
  • animation
32.5KStars2.8KForks
Repository last pushed

React composition patterns that scale.

  • react
  • components
32.5KStars2.8KForks
Repository last pushed

React and Next.js performance optimization guidelines from Vercel Engineering.

  • react
  • performance
32.5KStars2.8KForks
Repository last pushed

Apply Vercel guidance for React composition, performance, React Native, View Transitions and deployment workflows.

  • react
  • development
32.5KStars2.8KForks
Repository last pushed

Related guides

About Development AI skills

Explore skills for building and maintaining software across languages and frameworks.

  • Review and improve code
  • Build APIs and web applications
  • Debug and document implementations