Skip to content

Commit 9739a93

Browse files
hqhq1025hqhq1025
committed
docs(website): add "Claude Design alternative" SEO landing page (EN + zh)
Dedicated page that targets the "Claude Design alternative" search intent with the EN and zh versions cross-linked via hreflang. Refresh the home hero / comparison / features copy so the positioning matches ("the open-source Claude Design alternative") across pages. No code impact — pure content + vitepress nav wiring.
1 parent 6be951d commit 9739a93

5 files changed

Lines changed: 171 additions & 13 deletions

File tree

‎website/.vitepress/config.ts‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,10 @@ const SITE_URL = `${SITE_ORIGIN}${SITE_BASE}`;
77
const OG_IMAGE = `${SITE_URL}og.svg`;
88

99
export default defineConfig({
10-
title: 'Open CoDesign — Open-Source Claude Design Alternative',
11-
titleTemplate: ':title — Open CoDesign (Open-Source Claude Design Alternative)',
10+
title: 'Open CoDesign',
11+
titleTemplate: ':title — Open CoDesign',
1212
description:
13-
'Open CoDesign is the open-source Claude Design alternative — a self-hosted desktop AI design tool. Bring your own API key (Anthropic, OpenAI, Gemini, DeepSeek, Ollama). Everything runs locally. Apache-2.0.',
13+
'Open-source desktop AI design tool — the self-hosted alternative to Claude Design. Multi-model BYOK (Anthropic, OpenAI, Gemini, DeepSeek, Ollama), local-first, Apache-2.0.',
1414
lang: 'en-US',
1515

1616
base: SITE_BASE,
@@ -27,13 +27,13 @@ export default defineConfig({
2727
// Open Graph
2828
['meta', { property: 'og:type', content: 'website' }],
2929
['meta', { property: 'og:site_name', content: 'Open CoDesign' }],
30-
['meta', { property: 'og:title', content: 'Open CoDesign — The Open-Source Claude Design Alternative' }],
30+
['meta', { property: 'og:title', content: 'Open CoDesign — Open-Source AI Design Tool' }],
3131
[
3232
'meta',
3333
{
3434
property: 'og:description',
3535
content:
36-
'The open-source Claude Design alternative. Self-hosted desktop AI design app. Prompt to prototype, slide deck, or marketing asset. Multi-model BYOK, local-first, Apache-2.0.',
36+
'Open-source desktop AI design tool. A self-hosted alternative to Claude Design. Prompt to prototype, slide deck, or marketing asset. Multi-model BYOK, local-first, Apache-2.0.',
3737
},
3838
],
3939
['meta', { property: 'og:image', content: OG_IMAGE }],
@@ -49,7 +49,7 @@ export default defineConfig({
4949
{
5050
name: 'twitter:description',
5151
content:
52-
'The open-source alternative to Anthropic Claude Design. BYOK, local-first, Apache-2.0. Runs on your laptop.',
52+
'Open-source desktop AI design tool. BYOK, local-first, Apache-2.0. Runs on your laptop.',
5353
},
5454
],
5555
['meta', { name: 'twitter:image', content: OG_IMAGE }],
@@ -59,7 +59,7 @@ export default defineConfig({
5959
{
6060
name: 'keywords',
6161
content:
62-
'Claude Design alternative, open source AI design tool, BYOK design app, local-first design generator, Anthropic Claude Design open source, AI prototype generator, prompt to HTML, prompt to React component, open-codesign, multi-model design, BYOK Electron app, AI design tool, AI slide deck generator, AI landing page generator, local AI design tool, Claude Code config import',
62+
'open source AI design tool, Claude Design alternative, BYOK design app, local-first design generator, AI prototype generator, prompt to HTML, prompt to React component, open-codesign, multi-model design, Electron design app',
6363
},
6464
],
6565
['meta', { name: 'robots', content: 'index,follow,max-image-preview:large' }],
@@ -242,9 +242,9 @@ export default defineConfig({
242242
zh: {
243243
label: '中文',
244244
lang: 'zh-CN',
245-
title: 'open-codesign',
245+
title: 'Open CoDesign',
246246
description:
247-
'开源桌面 AI 设计工具——一句话生成交互原型、幻灯片与营销素材。多模型、自带密钥、本地优先。',
247+
'开源桌面 AI 设计工具——Claude Design 的自托管替代方案。自带 API Key（Anthropic、OpenAI、Gemini、DeepSeek、Ollama），100% 本地运行，Apache-2.0。',
248248
themeConfig: {
249249
nav: [
250250
{ text: '首页', link: '/zh/' },

‎website/claude-design-alternative.md‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
---
2+
title: Claude Design Alternative — Open-Source, Self-Hosted, BYOK
3+
description: Looking for a Claude Design alternative? Open CoDesign is the open-source Claude Design alternative — self-hosted, multi-model BYOK, local-first, Apache-2.0. Runs on macOS, Windows, Linux.
4+
head:
5+
- - meta
6+
- property: og:title
7+
content: Claude Design Alternative — Open CoDesign (Open Source)
8+
- - meta
9+
- property: og:description
10+
content: Open CoDesign is the open-source Claude Design alternative. Self-hosted, BYOK, local-first. Any model — Anthropic, OpenAI, Gemini, DeepSeek, Ollama.
11+
---
12+
13+
# The Open-Source Claude Design Alternative
14+
15+
**Open CoDesign** is the open-source Claude Design alternative. A self-hosted desktop AI design tool that turns prompts into HTML prototypes, React components, slide decks, PDFs, and marketing assets — on your laptop, with any model you already pay for. Apache-2.0 licensed.
16+
17+
[Download for macOS / Windows / Linux →](https://github.com/OpenCoworkAI/open-codesign/releases) · [Quickstart (90 s)](./quickstart) · [Star on GitHub](https://github.com/OpenCoworkAI/open-codesign)
18+
19+
## Why a Claude Design alternative?
20+
21+
Anthropic's Claude Design is a great web app — but it forces three things that don't work for every team:
22+
23+
1. **Subscription lock-in.** Rate-limited at $200/month; no way to control cost on rough drafts.
24+
2. **Single-model ceiling.** Claude Opus only. No GPT, no Gemini, no local model.
25+
3. **Cloud processing.** Every prompt, every design goes to Anthropic's servers. No meaningful export, no version history, no codebase awareness.
26+
27+
Open CoDesign is the open-source Claude Design alternative for teams that need BYOK cost control, multi-model flexibility, or on-device privacy.
28+
29+
## Open CoDesign vs Claude Design
30+
31+
| | Open CoDesign (open-source) | Claude Design |
32+
| --------------------- | :-------------------------: | :-----------: |
33+
| License | **Apache-2.0** | Closed |
34+
| Runs on | **Your laptop (macOS / Windows / Linux)** | Cloud (browser) |
35+
| Models | **Any — Anthropic, OpenAI, Gemini, DeepSeek, OpenRouter, SiliconFlow, Ollama, OpenAI-compatible** | Anthropic Opus only |
36+
| Keyless proxy support | **Yes (IP-allowlisted)** | No |
37+
| Config import | **Claude Code + Codex, one click** | No |
38+
| Built-in design skills | **12 modules (slide decks, dashboards, landing pages, …)** | None |
39+
| Demo prompts | **15 ready-to-edit** | Blank canvas |
40+
| Data location | **SQLite on your machine** | Anthropic servers |
41+
| Version history | **Local snapshots** | None |
42+
| Export | **HTML, PDF, PPTX, ZIP, Markdown** | HTML |
43+
| Inline element comments | **Yes (AI rewrites only the pinned region)** | No |
44+
| AI-tunable sliders | **Yes** | No |
45+
| Responsive frames | **Phone / tablet / desktop** | Limited |
46+
| Price | **Free (BYOK token cost)** | Subscription |
47+
48+
## What you get
49+
50+
- **Bring any API key** — Anthropic Claude, OpenAI GPT, Google Gemini, DeepSeek, OpenRouter, SiliconFlow, local Ollama, or any OpenAI-compatible endpoint.
51+
- **Import your existing Claude Code or Codex config** in one click — providers, models, keys, all at once.
52+
- **Twelve built-in design skill modules** — slide decks, dashboards, landing pages, SVG charts, glassmorphism, editorial typography, heroes, pricing, footers, chat UIs, data tables, calendars.
53+
- **Fifteen demo prompts** in English and 简体中文 — landing page, dashboard, pitch slide, pricing page, mobile app, chat UI, event calendar, receipt/invoice, portfolio, settings panel, and more.
54+
- **Inline comment → AI patch loop** — click any element in the preview, leave a note, the model rewrites only that region.
55+
- **AI-generated tunable sliders** — the model exposes the parameters worth tuning (color, spacing, font); drag to refine without re-prompting.
56+
- **Phone / tablet / desktop responsive frames** — true responsive preview, switch with one click.
57+
- **Five export formats** — HTML (inlined CSS), PDF (via your local Chrome), PPTX, ZIP, Markdown. All on-device.
58+
- **Four-tab Settings** — Models, Appearance (light/dark, EN/ZH), Storage, Advanced.
59+
- **Local-first, zero telemetry by default.** SQLite for designs, encrypted TOML via Electron `safeStorage` for keys.
60+
61+
## Is this a fork of Claude Design?
62+
63+
No. Open CoDesign is an independent, clean-room open-source project inspired by what Claude Design proves is possible. We don't use any Anthropic proprietary code. The name "Claude Design" belongs to Anthropic; we are the open-source alternative, not an affiliate.
64+
65+
## Install
66+
67+
- [Download pre-built installer](https://github.com/OpenCoworkAI/open-codesign/releases) — macOS DMG, Windows EXE, Linux AppImage
68+
- [90-second Quickstart](./quickstart) — first design from prompt to export
69+
- [Build from source](./quickstart#build-from-source) — Node 22 LTS + pnpm 9.15+
70+
71+
## Questions
72+
73+
- **Is it really free?** Yes. You pay only the token cost to whichever model provider you bring.
74+
- **Does it send anything to the cloud?** Only the prompts you send to your own model provider. Nothing goes to OpenCoworkAI or a shared backend.
75+
- **Can I use it with Ollama?** Yes. Any OpenAI-compatible endpoint works, keyless proxies included.
76+
- **Can I self-host?** It's a desktop app — it already runs entirely on your machine.
77+
- **What license?** Apache-2.0. Fork it, ship it, sell it. Keep the NOTICE.
78+
79+
Ready to try the open-source Claude Design alternative? [Download Open CoDesign →](https://github.com/OpenCoworkAI/open-codesign/releases)

‎website/index.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,12 @@
22
layout: home
33
title: Open CoDesign
44
titleTemplate: Open-Source AI Design Tool — BYOK, Local-First, Apache-2.0
5-
description: Open CoDesign is an open-source desktop AI design tool. Bring your own API key (Anthropic, OpenAI, Gemini, Ollama). Everything runs locally. The open-source alternative to Anthropic Claude Design.
5+
description: Open CoDesign is an open-source desktop AI design tool — a self-hosted alternative to Claude Design. Bring your own API key (Anthropic, OpenAI, Gemini, DeepSeek, Ollama). Everything runs locally. Apache-2.0.
66

77
hero:
88
name: Open CoDesign
99
text: Design with intent.
10-
tagline: An open-source desktop app for designing with AI. Bring your own model. Keep everything local. The open-source alternative to Anthropic Claude Design.
10+
tagline: An open-source desktop AI design tool. Bring your own model, keep everything local — a self-hosted alternative to Claude Design, built for teams who can't afford subscription lock-in.
1111
image:
1212
src: /og.svg
1313
alt: Open CoDesign — prompt to prototype

‎website/zh/claude-design-alternative.md‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
---
2+
title: 开源版 Claude Design — 自带密钥、本地优先、Apache-2.0
3+
description: 寻找 Claude Design 的开源替代方案？Open CoDesign 就是——自托管、多模型 BYOK、本地优先、Apache-2.0，支持 macOS、Windows、Linux。
4+
head:
5+
- - meta
6+
- property: og:title
7+
content: 开源版 Claude Design — Open CoDesign
8+
- - meta
9+
- property: og:description
10+
content: Open CoDesign 是开源版 Claude Design。自托管、BYOK、本地优先。Anthropic、OpenAI、Gemini、DeepSeek、Ollama 任选。
11+
---
12+
13+
# 开源版 Claude Design
14+
15+
**Open CoDesign** 是开源版 Claude Design——Anthropic Claude Design 的开源替代方案。一个桌面 AI 设计工具：输入提示词，几秒钟生成 HTML 原型、React 组件、幻灯片、PDF、营销素材——全部在你的电脑上运行，用你已经付费的任意 AI 模型。Apache-2.0 协议。
16+
17+
[下载 macOS / Windows / Linux 版 →](https://github.com/OpenCoworkAI/open-codesign/releases) · [快速开始（90 秒）](./quickstart) · [在 GitHub 上 Star](https://github.com/OpenCoworkAI/open-codesign)
18+
19+
## 为什么要用开源版 Claude Design？
20+
21+
Anthropic 的 Claude Design 本身是个好产品，但它强制三件事并不适合所有团队：
22+
23+
1. **订阅锁定**——$200/月且有流量上限，草稿阶段也没法控制成本
24+
2. **单一模型上限**——只能用 Claude Opus，没有 GPT、Gemini、本地模型
25+
3. **云端处理**——每个提示、每个设计都上传到 Anthropic 的服务器，没有完整的导出、没有版本历史、没有代码库感知
26+
27+
Open CoDesign 是为了需要 BYOK 成本控制、多模型灵活性、或数据本地隐私的团队准备的开源替代方案。
28+
29+
## Open CoDesign vs Claude Design
30+
31+
| | Open CoDesign（开源） | Claude Design |
32+
| --------------------- | :-------------------------: | :-----------: |
33+
| 协议 | **Apache-2.0** | 闭源 |
34+
| 运行环境 | **本地（macOS / Windows / Linux）** | 云端（浏览器） |
35+
| 支持模型 | **任意——Anthropic、OpenAI、Gemini、DeepSeek、OpenRouter、SiliconFlow、Ollama、OpenAI 兼容** | 仅 Anthropic Opus |
36+
| Keyless 代理 | **支持（IP 白名单）** | 不支持 |
37+
| 配置导入 | **Claude Code + Codex，一键** | 不支持 |
38+
| 内置设计 skill | **12 个模块（幻灯片、仪表盘、落地页……）** | 无 |
39+
| 内置 demo | **15 个即用模板** | 空白画布 |
40+
| 数据位置 | **本机 SQLite** | Anthropic 服务器 |
41+
| 版本历史 | **本地快照** | 无 |
42+
| 导出 | **HTML、PDF、PPTX、ZIP、Markdown** | HTML |
43+
| 行内元素评论 | **支持（AI 只重写该区域）** | 不支持 |
44+
| AI 可调滑块 | **支持** | 不支持 |
45+
| 响应式框架 | **手机 / 平板 / 桌面** | 有限 |
46+
| 价格 | **免费（仅 token 成本）** | 订阅制 |
47+
48+
## 你会得到什么
49+
50+
- **任意 API Key**——Anthropic Claude、OpenAI GPT、Google Gemini、DeepSeek、OpenRouter、SiliconFlow、本地 Ollama，或任意 OpenAI 兼容端点
51+
- **一键导入 Claude Code 或 Codex 配置**——provider、model、Key 一次带过来
52+
- **12 个内置设计 skill 模块**——幻灯片、仪表盘、落地页、SVG 图表、玻璃质感、编辑排版、Hero、定价、页脚、聊天 UI、数据表格、日历
53+
- **15 个 demo 提示词**，EN + 简体中文——落地页、仪表盘、演讲幻灯片、定价页、移动应用、聊天 UI、日历、收据、作品集、设置面板等等
54+
- **行内评论 → AI 局部改写**——在预览中点击任意元素留下评论，模型只重写该区域
55+
- **AI 生成可调滑块**——模型主动给出值得调的参数（颜色、间距、字体），拖动即可微调
56+
- **手机 / 平板 / 桌面响应式框**——真实响应式预览，一键切换
57+
- **五种导出**——HTML（内联 CSS）、PDF（本机 Chrome）、PPTX、ZIP、Markdown，全部本地生成
58+
- **设置 4 个 tab**——Models、Appearance（深浅色 + EN/ZH）、Storage、Advanced
59+
- **默认零遥测**——SQLite 保存设计，Electron `safeStorage` 加密保存密钥
60+
61+
## 这是 Claude Design 的 fork 吗？
62+
63+
不是。Open CoDesign 是一个独立的 clean-room 开源项目，受 Claude Design 启发，但没有使用任何 Anthropic 私有代码。"Claude Design" 名字属于 Anthropic；我们是开源替代方案，与 Anthropic 无关联。
64+
65+
## 安装
66+
67+
- [下载预构建安装包](https://github.com/OpenCoworkAI/open-codesign/releases)——macOS DMG、Windows EXE、Linux AppImage
68+
- [90 秒快速开始](./quickstart)——从提示词到导出
69+
- [从源码构建](./quickstart#从源码构建)——Node 22 LTS + pnpm 9.15+
70+
71+
## 常见问题
72+
73+
- **真的免费吗？** 是。你只需向你自带的模型 provider 支付 token 成本。
74+
- **会上传数据到云吗？** 只会把你发送的提示词发给你自己配置的 provider。数据不会流向 OpenCoworkAI 或任何共享后端。
75+
- **能用 Ollama 吗？** 能。任何 OpenAI 兼容端点都可以，keyless 代理也支持。
76+
- **能自托管吗？** 它就是桌面应用——本身就完全跑在你电脑上。
77+
- **什么协议？** Apache-2.0。可 Fork、可商用、可分发，保留 NOTICE 即可。
78+
79+
准备好尝试开源版 Claude Design 了？[立即下载 Open CoDesign →](https://github.com/OpenCoworkAI/open-codesign/releases)

‎website/zh/index.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,12 @@
22
layout: home
33
title: Open CoDesign
44
titleTemplate: 开源 AI 设计工具 — 自带密钥，本地优先，Apache-2.0
5-
description: Open CoDesign 是一款开源桌面 AI 设计工具。自带 API Key（Anthropic、OpenAI、Gemini、Ollama），一切本地运行。Anthropic Claude Design 的开源替代方案。
5+
description: Open CoDesign 是一款开源桌面 AI 设计工具，Claude Design 的自托管替代方案。自带 API Key（Anthropic、OpenAI、Gemini、DeepSeek、Ollama），一切本地运行。Apache-2.0。
66

77
hero:
88
name: Open CoDesign
99
text: 用心设计。
10-
tagline: 一个开源的桌面 AI 设计工具。自带模型，本地优先。Anthropic Claude Design 的开源替代。
10+
tagline: 开源桌面 AI 设计工具。自带模型、本地运行——Claude Design 的自托管替代方案，给无法接受订阅锁定的团队。
1111
image:
1212
src: /og.svg
1313
alt: Open CoDesign — 提示词到原型

0 commit comments

Comments
 (0)