标签： UI设计

HTML Anything：让本地 AI 智能体一键生成可发布的 HTML（8K+ Stars）
HTML Anything 是 nexu-io 开源的本地优先（local-first）AI HTML 编辑器：你只需提供 Markdown、CSV、Excel、JSON 或零散笔记，按下 ⌘+Enter，本地已登录的编码智能体就会把内容渲染成可直接发布的单文件 HTML。

HTML Anything — 智能体时代的 HTML 编辑器

项目简介

它不做模型、不卖 API，而是把你已经装好的 Claude Code、Cursor Agent、Codex、Gemini CLI、GitHub Copilot CLI、OpenCode、Qwen Coder、Aider、IBM Bob 等 9 款编码智能体 CLI 当作后端，通过 75 个可组合技能模板，输出 9 种常见“交付形态”：杂志文章、演示文稿、简历、海报、小红书卡片、推文卡片、网页原型、数据报告、Hyperframes 视频帧。生成结果支持一键粘贴到微信公众号、知乎、X / 微博 / 小红书，或下载 .html / .png。

核心亮点速览：9 CLI / 75 技能 / 9 交付形态 / 零 API Key / 一键导出

安装要求与快速开始

环境要求
- Node.js ≥ 18，推荐安装 pnpm
- 任意一款已登录的编码智能体 CLI（如 claude / cursor-agent / codex / gemini / copilot 等）
- 不需要额外 API Key，复用你已登录的会话
快速安装
```
git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install
pnpm -F @html-anything/next dev
# → http://localhost:3000
```
启动后浏览器会自动扫描 PATH（包括 ~/.local/bin、/opt/homebrew/bin 等 GUI 应用常忽略的目录），并在顶部工具栏列出可识别的 CLI。选一个模板、贴入内容、⌘+Enter 即可。

主界面：左侧编辑器 / 中间模板选择器 / 右侧实时 iframe 预览

核心功能
- 零 API Key：复用本地已登录的编码智能体会话，边际成本为 0。
- 9 大智能体自动检测：Claude Code、Cursor、Codex、Gemini、Copilot、OpenCode、Qwen、Aider、IBM Bob，顶部一键切换。
- 75 个技能模板：覆盖 prototype / deck / frame / social / office / doc / mockup / vfx 等模式，从 SaaS 落地页到财务报告、从瑞士国际主义幻灯片到 Hyperframes 视频帧都有现成模板。
- 9 种交付形态：杂志文章、演示文稿、简历、海报、小红书卡片、推文卡片、网页原型、数据报告、Hyperframes 视频帧。
- 实时 SSE 流式渲染：智能体输出 JSON-line，服务端转成 Server-Sent Events，浏览器实时追加到 iframe srcdoc，像看 AI 打字一样看网页生成。
- 沙箱预览：用户 HTML 运行在 <iframe sandbox> 中，脚本仍可执行，但 cookies/localStorage 与宿主隔离。
- 一键导出：juice 内联 CSS → 微信公众号 / 知乎；modern-screenshot 2× PNG → X / 微博 / 小红书；另可下载单文件 .html 或 .png。
一键导出：微信公众号 · X/微博 · 知乎 · 小红书 · HTML · PNG

典型使用场景

场景 1：公众号长文排版

写好 Markdown 初稿，选择 article-magazine 或 doc-kami-parchment 技能，智能体会自动套用 CJK 优先字体栈、8px 基线网格、对比度 ≥4.5 的配色，生成可直接粘贴到公众号编辑器的 HTML，无需二次调样式。

场景 2：小红书 / X 卡片

把一段金句或数据结论贴进去，选择 card-xiaohongshu 或 social-x-post-card 模板，即可生成 1080×1080 或 1600×900 的高清 PNG，复制后直接进入小红书 / X 发布界面，避免手动修图。

场景 3：投资人路演 PPT

输入产品要点，选择 deck-pitch、deck-swiss-international 或 deck-open-slide-canvas，自动产出 1920×1080 的横向幻灯片，支持键盘左右翻页、演讲者备注和 PDF 导出。

幻灯片模式：内置 20 套主题，可直接导出或路演

推荐理由

它是目前把“本地 AI 智能体”和“中文内容创作”结合得最顺手的开源工具之一：不绑 API、不抢隐私，复用你已经付费订阅的 Claude / Cursor / Copilot；针对微信公众号、知乎、小红书等中文平台做了专门适配，解决了 Markdown 转公众号格式崩坏、转小红书要手动修图的老大难问题；技能模板基于 SKILL.md 协议，新增模板只需复制一个文件夹、改一段 frontmatter，社区扩展门槛低。如果你平时需要大量产出图文、PPT、产品原型，把它接进工作流能省不少时间。

下载与资源
- GitHub 仓库：https://github.com/nexu-io/html-anything
- 在线介绍页：https://open-design.ai/html-anything/
- Stars：8,030+ | Fork：786 | License：Apache-2.0
- 主技术栈：Next.js 16 + React 19 + Tailwind v4 + TypeScript
2026年8月1日
Impeccable：50.9K Stars！专治AI生成界面的「AI味」，让Claude Code、Cursor真正懂设计的开源设计语言
项目简介

Impeccable 是由前 Google 开发者布道师 Paul Bakaus 开源的一套「让 AI 编码工具更擅长设计」的设计语言系统——它以 1 个 Skill + 23 个设计命令 + 60 条确定性检测规则 + 设计钩子的形式，接入 Claude Code、Cursor、Codex CLI、Gemini CLI、GitHub Copilot 等十余种 AI 编程工具，专治 AI 生成前端界面千篇一律的「AI 味」（Inter 字体、紫蓝渐变、卡片套卡片……）。项目 2025 年 11 月发布，目前已斩获 50,900+ Stars，今日仍在 GitHub 趋势榜上持续攀升。

安装要求和过程

环境要求
- Node.js 环境（使用 npx 安装，无需全局依赖）
- 任意受支持的 AI 编程工具：Claude Code、Cursor、Codex CLI、Gemini CLI、GitHub Copilot、OpenCode、Grok Build、Trae、Qoder 等 13+ 种
- CLI 与浏览器扩展的检测器无需 API Key 即可运行
快速安装
```
# 方式一：CLI 一键安装（推荐，在项目根目录执行）
npx impeccable install

# 非交互式安装：指定工具与作用域
npx impeccable install --providers=claude,cursor --scope=project

# 更新到最新版本
npx impeccable update

# 方式二：作为 Claude Code 插件安装
/plugin marketplace add pbakaus/impeccable

# 方式三：Git Submodule 方式
git submodule add https://github.com/pbakaus/impeccable .impeccable
npx impeccable link --source=.impeccable --providers=claude,cursor
```
安装后重载你的 AI 编程工具即可。首次使用建议先运行 /impeccable init，它会引导生成 PRODUCT.md 与 DESIGN.md，把品牌与产品设计上下文固化到项目里。

核心功能
- 23 个设计命令，给 AI 一套共享设计词汇：/impeccable craft（完整设计流程）、critique（UX 审查）、audit（技术检查）、polish（发布前终检）、bolder/quieter（视觉强化/降噪）、animate（动效）、colorize（配色）、typeset（字体排印）等，覆盖从规划到打磨的全链路；
- 60 条确定性「AI 味」检测规则：精准狙击 AI 生成界面的通病——默认 Inter/Arial 字体、紫蓝渐变、纯黑纯白灰、卡片嵌套卡片、弹跳缓动动画等，同时检查行宽、触控热区等通用可用性指标，规则引擎零 LLM、零 API 成本；
- 设计钩子（Hooks）自动拦截：在 Claude Code、Copilot、Codex、Cursor、Grok Build 上写入代码时自动运行检测器，发现严重设计问题可直接阻断坏代码写入，把关口前移；
- PRODUCT.md / DESIGN.md 上下文固化：通过 init 与 document 命令把品牌调性、产品定位写成文档，让 AI 每次生成都带着你的设计基因而非「出厂默认审美」；
- 独立 CLI + 实时浏览器迭代：npx impeccable detect src/ 可脱离 AI 工具独立扫描目录/文件/URL（支持 --json 输出接入 CI），/impeccable live 支持在浏览器里对界面变体做可视化迭代。
典型使用场景
1. Vibe Coding 项目去「AI 味」：用 Claude Code/Cursor 快速搭出的产品原型总是长着一张「AI 脸」？安装后运行 /impeccable init + /impeccable craft landing，让落地页拥有独特的品牌气质，摆脱紫渐变 + Inter 字体的流水线审美；
2. 发布前的设计质量门禁：在 CI 中挂上 npx impeccable detect --json .，60 条规则自动检查行宽、对比度、触控区、动效缓动等问题；配合 /impeccable polish 做上线终检，把设计审查从「靠感觉」变成「有清单」；
3. 无设计师团队的 UX 自助审查：小团队没有专职设计师？/impeccable critique checkout 可对结账流程做启发式 UX 审查，/impeccable harden 补齐错误态与边界场景，相当于给团队配了一位 AI 设计顾问。
推荐理由

我把 Impeccable 装进 Claude Code 用了几天，最大的感受是：它治的不是「AI 不会写前端」，而是「AI 写的前端都长一个样」。以前让 AI 改设计只能反复喊「好看一点、高级一点」，现在有了 bolder、quieter、distill 这样的精确词汇，沟通成本断崖式下降——这正是「给人和 AI 建立共享设计语言」的价值。60 条确定性规则不烧 token、不用 API Key，钩子还能在坏代码写入前直接拦截，工程化程度远超一般的提示词合集。项目基于 Anthropic 官方 frontend-design skill 扩展，作者 Paul Bakaus 是 jQuery UI 创始人之一，设计与工程功底都过硬。Apache-2.0 协议，13+ 种 AI 编程工具通吃，做 AI 辅助开发的前端同学强烈建议装上。

下载地址
- 官网与文档：https://impeccable.style
- GitHub 仓库：https://github.com/pbakaus/impeccable
- npm 包：https://www.npmjs.com/package/impeccable
项目信息：50,900+ Stars | 2,998 Forks | JavaScript | Apache-2.0 许可证
2026年7月27日
Meta 开源设计系统 Astryx：一套让人和 AI 智能体一起「建界面」的组件体系
在 Meta 内部生长了 8 年的设计系统 Astryx，于 2026 年初正式开源。它驱动着 Meta 内部 13,000+ 应用，如今以 MIT 协议对外释放——一套「可完全定制、且为智能体而生（agent-ready）」的组件体系：你导入预编译 CSS，再使用带完整 TypeScript 类型的 React 组件；人用它写界面，AI 助手也用同一套工具写界面。

一、项目简介

Astryx 是 Meta 开源的、可完全定制、且「为人和智能体协同构建而生」的设计系统。它基于 React + StyleX，内置 150+ 无障碍组件、品牌级主题、暗色模式、可即用的模板，以及一套 CLI——所有能力作为一个 cohesive 系统统一交付。它的独特之处在于：消费端不需要引入任何构建插件或样式库，人和 AI 助手从同一份参考文档出发构建界面。

二、安装要求和过程

环境要求：
- Node 22+（活跃 LTS 线）；包管理器 pnpm 11（可通过 corepack enable 自动安装固定版本）
- 已有 React 项目（Next.js / Vite / Tailwind / 甚至 CDN 引入均支持）
- 无需额外构建插件，也无需 PostCSS / Babel 配置
快速安装：
```
# npm
npm install @astryxdesign/core @astryxdesign/theme-neutral
npm install -D @astryxdesign/cli

# pnpm / yarn 等价
pnpm add @astryxdesign/core @astryxdesign/theme-neutral
pnpm add -D @astryxdesign/cli
```
为让 AI 助手和新人都能可靠调用，建议在 package.json 的 scripts 里加一行，避免路径错误：
```
"scripts": {
  "astryx": "node node_modules/@astryxdesign/cli/bin/astryx.mjs"
}
```
最简接入 = 几行 CSS import + 一个 ThemeProvider，无需配置构建链。详见 @astryxdesign/core 的 Quick Start。

三、核心功能

Astryx 架构总览：Foundations / Components / Patterns + 四大包
1. 150+ 无障碍组件 + 完整 TS 类型：从基础输入到复杂数据表格统一命名、属性与组合约定——学会几个，剩下的就「似曾相识」，人和 AI 都能预测未知组件的行为。
2. 开放内部实现（Open internals）：组件可在任意层级组合，基础构件直接导出；需要深入时，swizzle 一键把组件完整源码「弹出」到你的项目里，让你真正拥有它。
3. 无样式锁定（No styling lock-in）：内部用 StyleX 编写样式，但对使用者完全透明；用 className 即可用 Tailwind / CSS Modules / 原生 CSS 覆盖。
4. 免包裹即可品牌化：主题就是一组 CSS 自定义属性覆盖，设计师无需 Fork 或封装就能重塑观感；内置 7 套主题（neutral / butter / chocolate / matcha / stone / gothic / y2k）。
5. 为人和智能体而生：API、文档、CLI 一同设计，人和 AI 助手用同一套参考、同一方式构建；CLI 提供组件文档、模板、脚手架、主题与 codemods。
为什么 Astryx 不一样：开放内部 / 无样式锁定 / 免包裹定制 / 人 AI 同体系

四、典型使用场景

7 套开箱即用且完全可定制的主题
1. 统一中后台 UI：150+ 组件 + Patterns（表格页 / 详情页 / 表单向导 / 导航模式）直接拼出一致的企业后台，不必从零造轮子，也便于团队沉淀设计共识。
2. AI 辅助开发（Agent-ready）：把 Astryx 接入 Claude Code / Codex / Cursor，让 AI 按同一套组件约定生成界面；CLI 的组件文档与 codemods 让「人审 AI 生成的代码」更顺畅、对得上约定。
3. 快速品牌换肤：用 CSS 变量主题或多套内置主题，几行覆盖就完成暗色模式与品牌色切换，无需改动组件源码——适合需要多品牌、多租户外观的产品。
五、推荐理由

作为长期被「组件库要么封闭、要么强约定打架」困扰的开发者，Astryx 最打动我的是「引导而非强制」的设计哲学——它把设计意见放在文档和示例里，而不是用 guardrail 跟你对抗。swizzle 能从顶层 API 一路下沉到源码（对需要深度定制的团队太关键），而 className 覆盖又让 Tailwind 老用户零摩擦接入。更难得的是它真把「AI 助手」当成一等公民：同一套 API 与 CLI 既给人用、也给智能体用，省去了「AI 生成代码和团队约定对不上」的尴尬。Meta 8 年、13,000+ 应用的实战背书，也让它的稳定性比多数个人项目更可信。如果你正在选型一套能陪团队和 AI 一起长大的设计系统，Astryx 值得一试。

六、下载地址
- 官网 / 文档：https://astryx.atmeta.com
- GitHub 仓库：https://github.com/facebook/astryx
- Storybook 在线示例：facebook.github.io/astryx/storybook
- 沙盒 Playground：facebook.github.io/astryx/sandbox
- npm 包：@astryxdesign/core · @astryxdesign/cli · @astryxdesign/theme-*
（本文配图：GitHub 社交预览卡 + 作者原创架构/特性/主题信息图）
2026年7月21日
Open Design：开源版 Claude Design，把你的编码智能体变成设计引擎
⭐ 79.6K Stars · Apache-2.0 · TypeScript · 本地优先桌面应用

项目简介

Open Design 是 Anthropic Claude Design 的开源替代方案——一个本地优先（local-first）的桌面应用，让你的 Claude Code / Codex / Cursor / Gemini 等编码智能体直接化身”设计引擎”，生成网页、桌面、移动端原型、实时仪表盘、演示文稿、图片与视频，并导出为 HTML / PDF / PPTX / MP4 真实文件。

安装要求与过程

环境要求
- 桌面应用：macOS（Apple Silicon / Intel x64）、Windows（x64）、Linux（AppImage）——无需 Node / pnpm / 克隆仓库。
- 自托管：Docker + Docker Compose；源码运行需 Node 24、pnpm 10.33.x。
- 编码智能体：Claude Code、Codex、Cursor、Copilot、OpenClaw、Gemini、Hermes、Kimi、Trae、OpenCode 等 25+ 本地 CLI，或任意 OpenAI 兼容端点（BYOK）。
快速安装
1. 下载桌面应用（推荐，零配置）：前往官网或 GitHub Releases 下载对应平台安装包；安装后自动检测 PATH 上的编码智能体，加载 100+ 功能技能、渲染模板目录与 151 套设计系统。
2. 装进编码智能体（无界面）：od mcp install <agent>（<agent> = claude | codex | cursor | copilot | gemini | hermes | kimi | trae | opencode …）；或用托管脚本 curl -fsSL https://open-design.ai/install.sh | sh -s <agent>。
3. Docker 自托管：
```
git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
cp .env.example .env
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env
docker compose up -d
# 打开 http://localhost:7456
```
4. 源码运行：
```
git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web
```
核心功能
1. 智能体原生、模型无关：不绑定任何厂商 Agent，你 PATH 上已有的 claude / codex / cursor / copilot / hermes / kimi 就是设计引擎，一键切换；一条 od mcp install <agent> 把 MCP 服务器接入 25+ 编码智能体。
2. 品牌级 DESIGN.md 设计系统：每一帧渲染都读取当前包的 DESIGN.md 作为品牌契约；仓库内置 151 套品牌级设计系统（Claude、Stripe、Figma、Apple、NVIDIA…），丢进文件夹即被识别。
3. 多形态产物，单一项目：Studio 支持原型（web / desktop / mobile 单页）、实时仪表盘 / artifact、演示文稿（deck）、图片、视频与 HyperFrames 动态图形，统一导出 HTML / PDF / PPTX / MP4。
4. 四层可组合：插件（可运行工作流）+ 功能技能（Agent 行为）+ 设计模板（渲染蓝图）+ 设计系统（品牌），全部用可移植、可版本化的目录，任何人都能创作与发布；官方 277 个插件 + 183 个可复用示例。
5. 本地优先 + BYOK 隐私：原生桌面应用（macOS / Windows）+ Docker + Vercel；所有数据在你本机、团队服务器或部署项目里运行，BYOK 代理具备 SSRF 防护，沙箱 iframe 预览。
典型使用场景
- 一句话生成落地页：在入口视图输入 brief，智能体结合 saas-landing 模板与 Linear 设计系统，流式生成带 hero / 特性 / 定价 / CTA 的可运行着陆页，直接导出 HTML 部署。
- 实时数据仪表盘：用 dashboard 模板生成带侧边栏的管理 / 分析看板，作为 live artifact 实时刷新，而非静态截图。
- 品牌统一的演示文稿：用 guizang-ppt / html-ppt 模板生成杂志风 Web PPT；或把现有 git 仓库 + DESIGN.md 交给智能体，自动把真实组件重构到品牌规范（含 Figma / Pencil → React / Next / Vue 迁移插件）。
推荐理由

作为天天和编码智能体打交道的人，最打动我的是它把”设计”从闭源付费的云端玩具，变成了你笔记本上的文件系统——你的 CLI 是引擎，笔记本是工作室，团队的 DESIGN.md 是品牌契约。相比 Claude Design 的封闭锁定，Open Design 的 agent-native + 模型无关 + Apache-2.0，让我可以随意换模型、自托管、调用 151 套现成设计系统，还能用 277 个插件把 Figma 工作流迁到 React。对想把”vibe coding”从代码延伸到 UI / 海报 / 演示的人来说，这是目前最完整、最开放的一个选择。

下载地址
- 官网：https://open-design.ai
- GitHub 仓库：https://github.com/nexu-io/open-design
- 下载 / Releases：https://github.com/nexu-io/open-design/releases
- Open Design Cloud：https://open-design.ai/cloud/
- Discord 社区：https://discord.gg/mHAjSMV6gz
2026年7月19日
Hallmark：一个”拒绝 AI 味”的设计技能，让 Claude Code / Cursor / Codex 产出不像模板套出来的页面
一、项目简介

Hallmark 是由 Together AI 开源的一个「设计技能（Skill）」，专门给 Claude Code、Cursor、Codex 这类 AI 编程助手注入一套反”AI 味”（Anti-AI-slop）的设计规则：它会为目标自主挑选宏观结构、从 20 套主题中”着装”、跑 57 道”烂大街”检测闸门加一遍自检，让产出的页面彼此像不同的网站，而不是同一套模板换色。

二、安装要求和过程

环境要求：Node.js（用于 npx）、并安装 Claude Code / Cursor / Codex 中的任一 AI 编码助手；也可以纯拷贝文件手动安装，无需额外依赖。

快速安装（推荐）：
```
npx skills add nutlope/hallmark
```
随时重新运行即可更新到最新版本。若不想走 npx，也可手动把仓库里的 SKILL.md + references/ 拷贝到对应目录：
- Claude Code：~/.claude/skills/hallmark/
- Cursor：.cursor/rules/hallmark.mdc（取 SKILL.md 正文，无需 frontmatter）
- Codex：~/.codex/skills/hallmark/（个人）或 .codex/skills/hallmark/（项目级）
三、核心功能
1. 四大”动词”工作流：默认直接构建新 UI；audit 给现有代码打分挑刺（只列清单不改代码）；redesign 推倒结构、保留文案/信息架构/品牌后重塑；study 从你欣赏的设计里提取”DNA”（宏观结构、字体配对、色彩锚点），并明确拒绝像素级抄袭与付费模板，可输出可移植的 design.md。
2. 57 道反 AI-slop 检测闸门 + 发布前自检：拒绝每个 LLM 都被训练进的”分布内默认项”——渐变紫、玻璃拟态、千篇一律的圆角卡片网格。
3. 20 套主题 + 宏观结构引擎：针对每个 brief 自主挑选主题、结构与工艺，不同需求产出截然不同的页面形态，而非同一模板的换色。
4. Custom 自定主题（新增）：当创意意图超出目录主题时，切换为 Custom 从零设计——量身配色、字体与排版，同样受 57 道闸门约束，底层无模板。
5. 自包含产物 + 可移植：每个页面都是独立的 HTML + CSS，并在 CSS 注释中盖戳宏观结构；study 还能导出 design.md 交给其他 AI 工具接力。
左：Distil 内容抽取 API ｜右：Cold Snap 唱片厂牌 —— 不同 brief，完全不同的气质

四、典型使用场景
1. 给新产品做落地页 / 官网原型：输入一句 brief（如”一个酸面团 App 的首页”），Hallmark 直接产出有独特气质的 hero 页，而不是 ChatGPT 默认那种蓝色渐变卡片。
2. 给”AI 味”过重的现有页面做体检与改造：用 audit 给老页面打分列出顽疾清单，再用 redesign 保留文案与品牌、推翻结构重做，得到截然不同的”指纹”。
3. 向优秀设计”借 DNA”而不抄袭：把竞品或灵感图的截图 / URL 喂给 study，提取其结构、字体与配色锚点用于自己的项目，且明确拒绝像素克隆与付费模板。
五、推荐理由（个人使用心得）

做 AI 辅助前端最破防的就是”一眼 AI 生成”——紫渐变、玻璃卡片、无限圆角。Hallmark 把资深设计师的”反套路直觉”固化成可复用的规则集，等于给编码助手配了个审美总监。它最妙的地方是”同样的指令、不同的 brief，产出像不同站点”，这对想快速产出有辨识度原型的独立开发者 / 小团队太香了。MIT 许可、一键 npx 安装、可移植 design.md，几乎零门槛。

注意：它是”设计技能”而非独立 App，需要搭配 Claude Code / Cursor / Codex 使用；审美风格偏编辑 / 杂志 / 独立品牌感，若你要的是中规中矩的企业后台风，它可能”太有性格”。

六、下载地址
- 官网 / 在线 Demo：https://www.usehallmark.com
- GitHub 仓库：https://github.com/Nutlope/hallmark（⭐ 11.6K · MIT）
- 安装命令：npx skills add nutlope/hallmark
2026年7月17日

标签： UI设计

HTML Anything：让本地 AI 智能体一键生成可发布的 HTML（8K+ Stars）

项目简介

安装要求与快速开始

环境要求

快速安装

核心功能

典型使用场景

场景 1：公众号长文排版

场景 2：小红书 / X 卡片

场景 3：投资人路演 PPT

推荐理由

下载与资源

Impeccable：50.9K Stars！专治AI生成界面的「AI味」，让Claude Code、Cursor真正懂设计的开源设计语言

项目简介

安装要求和过程

环境要求

快速安装

核心功能

典型使用场景

推荐理由

下载地址

Meta 开源设计系统 Astryx：一套让人和 AI 智能体一起「建界面」的组件体系

一、项目简介

二、安装要求和过程

三、核心功能

四、典型使用场景

五、推荐理由

六、下载地址

Open Design：开源版 Claude Design，把你的编码智能体变成设计引擎

项目简介

安装要求与过程

环境要求

快速安装

核心功能

典型使用场景

推荐理由

下载地址

Hallmark：一个”拒绝 AI 味”的设计技能，让 Claude Code / Cursor / Codex 产出不像模板套出来的页面

一、项目简介

二、安装要求和过程

三、核心功能

四、典型使用场景

五、推荐理由（个人使用心得）

六、下载地址