Web Design

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

開源上線中

0 0

安裝

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

取自專案的 README。執行前請先確認它會做什麼。

README 掃描安全

README 要你執行的指令中，沒有發現有風險的內容。

我們只掃描 README，不掃描程式碼。沒有發現問題不代表一定安全。掃描方式

收錄於情境

設計與介面

Web Design 的替代方案

同類型中主題重疊最多的項目，星數多的排前面。

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

在 GitHub 查看

程式碼庫

星數: 818
Fork 數: 82
最近更新: 2026年6月24日
授權條款: MIT
語言: Python
建立日期: 2026年4月16日
未結 issue: 4
品質分數: B 60/100

xiaopu-ai/web-design

每天從 GitHub 讀取。

查看替代方案

價格

開源

Maker

尚未有人認領。

登入後即可認領這個工具。