Web Design

A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.

Open SourceLive

0 0

Install

git clone https://github.com/KAOPU-XiaoPu/web-design ~/.claude/skills/web-design

Copied from the project's README. Read what it does before you run it.

README scanSafe

Nothing risky found in the commands its README asks you to run.

We scan the README only, not the code. A clean result is not proof of safety. How we scan

Appears in

Design & UI

Alternatives to Web Design

Listings of the same kind that share the most topics, most-starred first.

Taste Skill

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

116k

Scroll Craft

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

5.1k

Ux Ui Agent Skills

Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.

3.2k

Design Dna

Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.

2.1k

Hue

open-source skill that learns any brand and turns it into a complete design system. works on claude code and codex. install once, every UI your assistant builds matches your brand.

909

Kubai Icons

An agent skill that draws animated icons in one consistent style, for Claude Code, Codex and other coding agents. Comes with 2,600+ open-source icons for React, Vue and SVG, and a website to browse th

827

View on GitHub

Repository

Stars: 818
Forks: 82
Last updated: Jun 24, 2026
License: MIT
Language: Python
Created: Apr 16, 2026
Open issues: 4
Quality score: B 60/100

xiaopu-ai/web-design

Read from GitHub daily.

See alternatives

Pricing

Open Source

Made by

No owner listed.