Design AI Skills

Explore practical workflows for designing interfaces and visual systems. Find tools for both early concepts and detailed reviews.

126 skills

Explore Design skills

22 skills
Impeccable — design directions and gallery
Free
Web & UI

Impeccable

Impeccable is an AI frontend design Skill for building and refining interfaces: typography, layout, accessibility, responsive behavior and browser iteration.

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

Variant: UI Alternatives

Build multiple component variants in the real page and compare their tradeoffs.

9.8KStars376Forks
Repository last pushed

Implement an interface from a screenshot or mockup and compare the rendered result with the reference.

  • frontend
  • image to code
80Stars9Forks
Repository last pushed
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Free
Web & UI

Break: Component Stress Test

Render a chosen component in a temporary page under relevant stress scenarios.

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

State Machine: Component States

Render a component’s states on a temporary page with mock data and a switcher.

9.8KStars376Forks
Repository last pushed
The author's side-by-side comparison of an original Instruct website and its reconstructed clone.
Free
Web & UI

AI Website Cloner Template

Rebuild reference websites as editable Next.js pages with an AI coding agent. Inspect responsive layouts, assets and interactions, then compare the result with the source.

37.7KStars5.5KForks
Repository last pushed

Vue Best Practices

vuejs-ai community

Apply Vue 3 component, reactivity and SSR guidance in a Vue project.

  • vue
  • frontend
3.2KStars189Forks
Repository last pushed
Illustrative Claude Academy recommendation linking to the official Claude Code learning resource.
Free
Web & UI

Frontend Design

Build distinctive web interfaces with content-informed typography, composition and visual direction.

186.1KStars22KForks
Repository last pushed

Vite

Anthony Fu

Work with Vite configuration, plugins, server-side rendering and library builds.

  • vite
  • frontend
6KStars341Forks
Repository last pushed

Vue

Anthony Fu

Use Vue component, reactivity and Composition API references.

  • vue
  • frontend
6KStars341Forks
Repository last pushed
Voyager prompt manager in DeepSeek Harness.
Free
Development & APIs

Voyager Plugin Engineering

Create or modify Voyager declarative plugins, site adapters and native primitives.

20.4KStars684Forks
Repository last pushed
Taste Skill homepage with its frontend framework introduction, installation command and website examples.
Free
Web & UI

Taste Skill

Art direction for AI-built websites and app screens, with real imagery, separate page and app workflows, and browser inspection. The main entry is design-taste-frontend.

100.1KStars6.8KForks
Repository last pushed
Agent Skills cover with Spec, Plan, Build, Test, Review, Simplify and Ship workflow labels.
Free
Web & UI

Frontend UI Engineering

Build responsive UI components with project design systems, accessible interactions and complete application states.

110.9KStars11.6KForks
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

Tailwind 4 Docs

Lombiq Technologies

Work with Tailwind CSS v4 using a locally synchronized documentation snapshot, migration notes and implementation guidance.

  • tailwind css
  • frontend
79Stars10Forks
Repository last pushed

Improve UI using a project’s existing components, design tokens and assets, with optional Uizze references.

  • ui design
  • frontend
80Stars9Forks
Repository last pushed

Feature-Sliced Design

Feature-Sliced Design

Organize frontend code with Feature-Sliced Design v2.1, from placement and import boundaries to framework integration.

  • frontend
  • architecture
114Stars9Forks
Repository last pushed

Astro Usage Guide

astrolicious

Build Astro pages and components, configure adapters and use the framework's development commands.

  • astro
  • frontend
13Stars2Forks
Repository last pushed
Waza agent status line
Free
Web & UI

Waza UI

Build and refine user interfaces with typography decisions and screenshot-based review.

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

Build Design

Implement UI from Figma or an image with the project’s existing components and tokens.

9.8KStars376Forks
Repository last pushed
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Free
Web & UI14 skills

Interfaces Skills

A collection of 14 agent skills for interface reviews, UI implementation, component testing and technical illustration.

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

Interface Review

Review a branch, pull request or uncommitted change for introduced UI regressions.

9.8KStars376Forks
Repository last pushed

Related guides

About Design AI skills

Explore practical workflows for designing interfaces and visual systems. Find tools for both early concepts and detailed reviews.

  • Plan interfaces and prototypes
  • Refine typography, color, and components
  • Review accessibility and responsive layouts