liuxinlongwa-hue/dsh-stitch-designer

README 摘要

dsh-stitch-designer DeepSeek Harness（DSH）AI 设计插件 · Google Stitch 文字生成 UI · 会话内实时预览 · 1:1 HTML 导出 在 DeepSeek Harness（DSH）里用 Google Stitch 做 AI 界面设计：输入需求 → 自动生成高保真 UI 设计稿 → 会话内面板实时预览 → 对话迭代改稿 → 导出 1:1 成品页面（可打包 EXE）。 ✨ 功能特性 能力 说明 🎨 文字生成设计 输入需求 → Google Stitch 生成高清 UI 设计稿（免费额度：每日 400） 📱 多形态支持 MOBILE （APP / 小程序）· DESKTOP （Web / 桌面软件界面）· TABLET · AGNOSTIC 🖥 会话内预览 会话标题栏「AI 设计」按钮 → 弹出面板实时显示设计预览图（高清原图） 💬 对话迭代 直接说"哪里要改" → AI 调用 Stitch 编辑 → 预览图自动更新 📦 1:1 导出 确定版后导出完整 HTML 成品（Tailwind，可运行 / 部署 / Electron·Tauri 打包 EXE） 🔗 网页同步 同账号打开 stitch.withgoogle.com 可实时查看 / 手动微调（可选） 📸 演示 Stitch 生成的移动端设计稿（示例），会话内面板会实时展示类似效果。 📦 安装（人类） 🤖 安装（AI / Agent） 把本仓库链接发给你的 AI（如 Claude / DeepSeek / Codex），AI 阅读本文件后即可自动配置： 1. 安装插件 ：将 plugin.js / client.js / package.json 放入 DSH profile 的 node modules： ${DSH HOME:-$HOME/.dsh}/profiles/web/node modules/stitch-designer/ 2. 建符号链接 ：在 npx 缓存 node modules（DSH 实际安装位置，如 /.npm/ npx/ /node modules/ ）执行： ln -sfn /stitch-designer （DSH loader 用 import('stitch-designer') 从自身位置解析；client-modules 用 createRequire(profile目录) 解析——两端都要命中。） 3. 写组合配置 ：在 cordis.patch.yml 追加： 4. 配置 API key ：指导用户到 https://stitch.withgoogle.com → Stitch Settings → API key → Create key 获取免费 key（ AQ. 开头），保存到 /.…

分类