qiaomu-design

让 Claude Code 写前端不再千篇一律

开源 free 设计创意
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 588
维护状态 较活跃
是否开源 是
定价模式 free

项目预览

项目数据

分类设计创意
开发团队joeseesun
所属国家
官网地址
GitHubhttps://github.com/joeseesun/qiaomu-design
定价模式free
价格说明开源免费，无在线服务
访问状态
是否开源是
开源协议MIT
主要语言JavaScript
技术栈/模型agent-skill,chinese-typography,claude-code,design-system,frontend-design,ui-design
GitHub 星标★ 588
30天Star增速
HF 下载量
上线时间2026-03-02 00:00:00
代码更新—
仓库体积—
本站数据更新—
维护状态较活跃
中文支持
访问方式
移动端支持
综合评分
收录时间2026-10-21
浏览次数0

项目介绍

qiaomu-design 是一个面向 Claude Code 的设计顾问 Skill，核心目标是解决 AI 生成界面千篇一律、缺乏设计品味的问题。它把「反 AI 味设计」做成可执行的规则集：当 Claude Code 帮你写前端时，会主动规避常见的模板化配色、居中卡片、渐变按钮等套路，给出更有辨识度的排版与视觉方案。项目内置「风格试衣间」，可以在多种设计风格之间快速切换对比，方便挑选合适方向；同时收录 58 个真实网站的设计系统作为参考库，让生成的界面有真实产品依据而非凭空发挥。技术上以 JavaScript 实现，作为 agent skill 接入 Claude Code 工作流，覆盖中文排版、设计系统、前端 UI 等场景。适合用 AI 辅助做前端、又不想产出模板脸界面的开发者与设计工程师。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

核心亮点

  • 内置反 AI 味规则，主动规避渐变按钮、居中卡片等模板化套路
  • 风格试衣间可多风格快速切换对比，选型效率高
  • 58 个真实站点设计系统作参考，方案有现实依据

不足之处

  • 依赖 Claude Code 生态，脱离该工作流后价值有限
  • 58 站设计库的覆盖面和更新维护情况待观察

适用场景

  • 用 Claude Code 生成落地页时避免模板脸界面
  • 前端项目启动前快速对比多种设计风格
  • 为中文产品界面挑选合适的排版与配色方案

替代项目

awesome-claude-code、ui-ux-pro-max-skill

上一篇：vectorcraft

下一篇：intent

同类项目推荐

open-design 开源

让 AI 代工做界面，本地跑完随手改

The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create···

★ 102690 2026-08-09
Excalidraw 开源

开源虚拟白板协作工具

Virtual whiteboard for sketching hand-drawn like diagrams

★ 134243 2026-08-19
morph 开源

用数据直接生成设计、动画和交互可视化

Morph is a free and open-source tool for creating designs, animations or interactive···

★ 126 2026-08-09
ChatGPT-MidJourney-prompt 开源

输入一句话，AI帮你生成Midjourney完整提示词

This is a ChatGPT based prompt generation model for MidJorney. The purpose of this m···

★ 344 2026-08-09