docs: sync README + website with current feature matrix

Prior README/website still listed PDF and PPTX export as "coming soon"
even though both ship today, and missed several killer features now in
trunk. Bring both en and zh versions in line:

- Mark PDF (local Chrome), PPTX, ZIP, and Markdown export as shipped
- Add one-click Claude Code / Codex config import
- Add keyless (IP-allowlisted) provider support
- Add instant design switching (preview pool)
- Add JSX/React component generation (on-device React 18 + Babel)
- Add live agent activity panel (streaming tool calls)
- Add comment mode as a first-class feature card
- Add bilingual UI (EN + 简体中文)
- Website: new logo.png, updated favicon, refreshed feature cards

Author: hqhq1025

README.md

@@ -94,11 +94,16 @@ Add a `SKILL.md` to any project to teach the model your own taste.
 
 ## What's working today
 
-- Multi-provider onboarding — Anthropic, OpenAI, and any OpenAI-compatible relay
-- Prompt → HTML prototype, rendered in a sandboxed iframe
-- AI-generated sliders: model emits the parameters worth tweaking (color, spacing, font); drag to refine
-- Inline comments: click any element in the preview, leave a note, model rewrites only that region
-- HTML export with inlined CSS
+- Unified provider model — Anthropic, OpenAI, Gemini, DeepSeek, or any OpenAI-compatible relay; keyless (IP-allowlisted) proxies supported
+- One-click import from Claude Code and Codex configs — bring your existing providers, models, and keys in a single click
+- Dynamic model picker — every provider exposes its real model catalogue, not a hardcoded shortlist
+- Prompt → HTML **or JSX/React component** prototype, rendered in a sandboxed iframe (vendored React 18 + Babel on-device)
+- Live agent panel — watch tool calls stream in real time as the model edits files
+- AI-generated sliders: model emits the parameters worth tweaking (color, spacing, font); drag to refine with zero round-trip
+- Comment mode: click any element in the preview to drop a pin, leave a note, model rewrites only that region
+- Instant design switching — the last five designs keep their preview iframes alive, so Hub ↔ Workspace and sidebar navigation stay zero-delay
+- Five export formats — HTML (inlined CSS), PDF (local Chrome), PPTX, ZIP, Markdown
+- Bilingual UI — English and 简体中文
 - Generation cancellation
 - Settings with per-provider API key management
 - GitHub Release pipeline (macOS DMG, Windows EXE, Linux AppImage)
@@ -110,16 +115,24 @@ Add a `SKILL.md` to any project to teach the model your own taste.
 | Feature | Status |
 |---|---|
 | Multi-provider onboarding + Settings | ✅ Shipped |
+| Claude Code / Codex one-click config import | ✅ Shipped |
+| Dynamic model picker per provider | ✅ Shipped |
+| Keyless (IP-allowlisted) proxy support | ✅ Shipped |
 | Prompt → HTML prototype (sandboxed iframe) | ✅ Shipped |
+| Prompt → JSX/React component (on-device React 18 + Babel) | ✅ Shipped |
+| Live agent activity panel (streaming tool calls) | ✅ Shipped |
 | AI-generated tunable sliders | ✅ Shipped |
-| Inline comment → AI patch | ✅ Shipped |
+| Comment mode (pin + AI region-rewrite) | ✅ Shipped |
+| Instant design switching (preview pool) | ✅ Shipped |
+| Bilingual UI (EN + 简体中文) | ✅ Shipped |
 | HTML export (inlined CSS) | ✅ Shipped |
+| PDF export (local Chrome) | ✅ Shipped |
+| PPTX export | ✅ Shipped |
+| ZIP / Markdown export | ✅ Shipped |
 | Cost transparency (token estimate + weekly spend) | 🔜 Coming |
 | Version snapshots + side-by-side diff | 🔜 Coming |
 | Codebase → design system (token extraction) | 🔜 Coming |
 | Three-style parallel exploration | 🔜 Coming |
-| PPTX export | 🔜 Coming |
-| PDF export | 🔜 Coming |
 | Code-signing (Apple ID + Authenticode) | 🔜 Stage 2 |
 | Figma layer export | 🔜 Post-1.0 |
 

README.zh-CN.md

@@ -94,11 +94,16 @@ _演示视频即将上线。_
 
 ## 当前已实现功能
 
-- 多 provider 入门流程 — Anthropic、OpenAI 及任意 OpenAI 兼容端点
-- 提示词 → HTML 原型，在沙箱 iframe 中渲染
-- AI 生成滑块：模型主动给出值得调整的参数（颜色、间距、字体），拖动即可微调
-- 内联注释：在预览中点击任意元素，留下评论，模型只重写该区域
-- HTML 导出（内联 CSS）
+- 统一 provider 模型 — Anthropic、OpenAI、Gemini、DeepSeek，或任意 OpenAI 兼容中继；支持 keyless（IP 白名单）代理
+- Claude Code / Codex 配置一键导入 — 把已有的 provider、model、API Key 一次带过来
+- 动态 model 选择器 — 每个 provider 显示自己真实的模型目录，不再写死
+- 提示词 → HTML **或 JSX/React 组件** 原型，在沙箱 iframe 中渲染（vendored React 18 + Babel，全在本机）
+- 实时 agent 面板 — 模型调用工具写文件时的 tool call 流实时可见
+- AI 生成滑块：模型主动给出值得调整的参数（颜色、间距、字体），拖动即可零往返微调
+- 评论模式：在预览中点击任意元素落一枚 pin 留下评论，模型只重写该区域
+- 设计间切换瞬答 — 最近 5 个 design 的预览 iframe 常驻内存，Hub ↔ 工作区、侧栏切换都是零延迟
+- 五种导出格式 — HTML（内联 CSS）、PDF（本机 Chrome）、PPTX、ZIP、Markdown
+- 双语界面 — English 和简体中文
 - 生成取消
 - 设置页面，支持各 provider 独立 API Key 管理
 - GitHub Release 流水线（macOS DMG、Windows EXE、Linux AppImage）
@@ -110,16 +115,24 @@ _演示视频即将上线。_
 | 功能 | 状态 |
 |---|---|
 | 多 provider 入门 + 设置 | ✅ 已上线 |
+| Claude Code / Codex 一键配置导入 | ✅ 已上线 |
+| 每 provider 动态 model 选择器 | ✅ 已上线 |
+| Keyless（IP 白名单）代理支持 | ✅ 已上线 |
 | 提示词 → HTML 原型（沙箱 iframe） | ✅ 已上线 |
+| 提示词 → JSX/React 组件（本机 React 18 + Babel） | ✅ 已上线 |
+| 实时 agent 活动面板（流式 tool call） | ✅ 已上线 |
 | AI 生成可调滑块 | ✅ 已上线 |
-| 内联注释 → AI 修补 | ✅ 已上线 |
+| 评论模式（pin + AI 局部重写） | ✅ 已上线 |
+| 设计间切换瞬答（预览 pool） | ✅ 已上线 |
+| 双语界面（EN + 简体中文） | ✅ 已上线 |
 | HTML 导出（内联 CSS） | ✅ 已上线 |
+| PDF 导出（本机 Chrome） | ✅ 已上线 |
+| PPTX 导出 | ✅ 已上线 |
+| ZIP / Markdown 导出 | ✅ 已上线 |
 | 成本透明（token 估算 + 每周花费） | 🔜 即将推出 |
 | 版本快照 + 并排 diff | 🔜 即将推出 |
 | 代码库 → 设计系统（token 提取） | 🔜 即将推出 |
 | 三风格并发探索 | 🔜 即将推出 |
-| PPTX 导出 | 🔜 即将推出 |
-| PDF 导出 | 🔜 即将推出 |
 | 代码签名（Apple ID + Authenticode）| 🔜 Stage 2 |
 | Figma 图层导出 | 🔜 1.0 版本后 |
 

website/.vitepress/config.ts

@@ -105,7 +105,7 @@ export default defineConfig({
   },
 
   themeConfig: {
-    logo: { src: '/favicon.ico', alt: 'open-codesign' },
+    logo: { src: '/logo.png', alt: 'open-codesign' },
 
     nav: [
       { text: 'Home', link: '/' },

website/index.md

@@ -25,16 +25,22 @@ hero:
 features:
   - icon: 🪶
     title: Bring your own model
-    details: Anthropic, OpenAI, Gemini, DeepSeek, or any OpenAI-compatible relay. Switch providers in Settings. We don't proxy, we don't charge per token.
+    details: Anthropic, OpenAI, Gemini, DeepSeek, or any OpenAI-compatible relay — including keyless (IP-allowlisted) proxies. Switch providers in Settings. We don't proxy, we don't charge per token.
+  - icon: ⚡
+    title: Import in one click
+    details: Already using Claude Code or Codex? Open CoDesign reads your existing config — providers, models, API keys — and brings it all in with a single click.
   - icon: 🏡
     title: Your laptop is the cloud
     details: Designs, prompts, codebase scans — SQLite + encrypted TOML on disk. No mandatory account, no telemetry by default. 100% local.
-  - icon: 🎚️
-    title: AI-tuned sliders
-    details: The model emits the parameters worth tweaking — color, spacing, font — and you drag to refine. No round-tripping the LLM for every nudge.
   - icon: 🪄
     title: Skills, not magic
     details: Anti-AI-slop design Skill ships built-in. Add your own SKILL.md to teach the model your taste. No generic outputs.
+  - icon: 🎚️
+    title: AI-tuned sliders
+    details: The model emits the parameters worth tweaking — color, spacing, font — and you drag to refine. No round-tripping the LLM for every nudge.
+  - icon: 🔀
+    title: Instant design switching
+    details: Hop between your last five designs with zero delay. Preview iframes stay alive in memory — no reparse, no white flash, no waiting for snapshots to reload.
   - icon: 🧬
     title: Codebase to design system
     details: Point at a local repo. We extract Tailwind tokens, CSS vars, and W3C design tokens — every subsequent generation respects them. Coming soon.
@@ -44,9 +50,12 @@ features:
   - icon: 💸
     title: Cost transparency
     details: Token estimate before each generation. Weekly spend in the toolbar. Set a budget, get warned, never get surprised. Coming soon.
+  - icon: 💬
+    title: Comment, don't retype
+    details: Click any element in the preview to drop a pin. Leave a note. The model rewrites only that region — no more re-prompting the whole page to move a button.
   - icon: 🚢
-    title: Three exports, real files
-    details: HTML (inlined CSS) ships today. PDF (Playwright) and PPTX (pptxgenjs) are coming. All generated locally — no Canva detour.
+    title: Five exports, real files
+    details: HTML (inlined CSS), PDF (via your local Chrome), PPTX, ZIP, and Markdown — all generated on-device. No Canva detour.
 ---
 
 <div class="codesign-section">
@@ -67,7 +76,7 @@ features:
   <div class="codesign-step">
     <span class="num">3</span>
     <h3>Refine, export, hand off</h3>
-    <p>Inline comments, AI sliders, snapshot timeline. Export to HTML — PDF and PPTX coming soon.</p>
+    <p>Inline comments, AI sliders, snapshot timeline. Export to HTML, PDF, PPTX, ZIP, or Markdown — all on-device.</p>
   </div>
 </div>
 

website/public/favicon.ico

@@ -25,16 +25,25 @@ hero:
 features:
   - icon: 🪶
     title: 自带模型
-    details: Anthropic、OpenAI、Gemini、DeepSeek，或任意 OpenAI 兼容端点。在设置里切换 provider，我们不做代理，也不按 token 计费。
+    details: Anthropic、OpenAI、Gemini、DeepSeek，或任意 OpenAI 兼容中继——包括 keyless（IP 白名单）代理。设置里切 provider，我们不做代理，也不按 token 计费。
+  - icon: ⚡
+    title: 一键导入配置
+    details: 已经在用 Claude Code 或 Codex？Open CoDesign 直接读你的配置文件——provider、model、API Key，一次带过来。
   - icon: 🏡
     title: 你的电脑就是云
     details: 设计稿、提示词、代码库扫描——SQLite 加密 TOML，全在本地磁盘。无需注册账号，默认无遥测。100% 本地。
-  - icon: 🎚️
-    title: AI 生成的滑块
-    details: 模型主动给出值得调的参数——颜色、间距、字体——拖一下即可微调，不用每次重新发送提示。
   - icon: 🪄
     title: Skills，而非魔法
     details: 内置反 AI 糟粕设计 Skill。添加你自己的 SKILL.md，教会模型你的审美。不再有千篇一律的产出。
+  - icon: 🎚️
+    title: AI 生成的滑块
+    details: 模型主动给出值得调的参数——颜色、间距、字体——拖一下即可微调，不用每次重新发送提示。
+  - icon: 💬
+    title: 评论别重写
+    details: 预览中点击任意元素落一枚 pin，留下注释，模型只重写该区域。不用为了挪一个按钮重新提示整个页面。
+  - icon: 🔀
+    title: 设计间切换瞬答
+    details: 最近 5 个 design 之间切换零延迟。预览 iframe 常驻内存——不重新解析、没白闪、不用等快照重载。
   - icon: 🧬
     title: 代码库 → 设计系统
     details: 指向本地仓库，我们抽取 Tailwind token、CSS 变量和 W3C 设计 token——之后每次生成都自动遵循。即将推出。
@@ -45,8 +54,8 @@ features:
     title: 成本透明
     details: 生成前显示 token 估算，工具栏显示本周花费。设置预算，超出前收到提醒，不再有意外账单。即将推出。
   - icon: 🚢
-    title: 三种导出，真实文件
-    details: HTML（内联 CSS）今日可用。PDF（Playwright）和 PPTX（pptxgenjs）即将推出。全部本地生成，无需绕道 Canva。
+    title: 五种导出，真实文件
+    details: HTML（内联 CSS）、PDF（本机 Chrome）、PPTX、ZIP、Markdown——全部本地生成，无需绕道 Canva。
 ---
 
 <div class="codesign-section">
@@ -67,7 +76,7 @@ features:
   <div class="codesign-step">
     <span class="num">3</span>
     <h3>打磨、导出、交付</h3>
-    <p>元素级评论、AI 滑块、版本时间线。导出 HTML，PDF/PPTX 即将推出。</p>
+    <p>元素级评论、AI 滑块、版本时间线。导出 HTML、PDF、PPTX、ZIP 或 Markdown——全部本地生成。</p>
   </div>
 </div>