Skip to content

提升 UI Gallery 展示可信度、来源准入与复刻提示词 - #1

Draft
wangkeyu-u wants to merge 6 commits into
mainfrom
codex/redesign
Draft

提升 UI Gallery 展示可信度、来源准入与复刻提示词#1
wangkeyu-u wants to merge 6 commits into
mainfrom
codex/redesign

Conversation

@wangkeyu-u

@wangkeyu-u wangkeyu-u commented Jul 15, 2026

Copy link
Copy Markdown
Owner

变更内容

  • 收紧主库来源准入,仅展示 ok / redirected 条目;失效、受限和待复核来源不再进入画廊、搜索、AI 推荐或主题选择器
  • 重做桌面首页首屏,以 3 个真实验收快照组成可暂停轮播,并展示来源状态与 SSIM 复刻证据
  • 将复刻提示词升级为“测量 → 实现 → 两轮视觉回归”三阶段流程,详情复制和 ZIP 任务包共用同一 ESM 事实源
  • 调整编辑精选顺序,优先展示 3 个已通过复刻验证的自包含演示,并明确区分“来源可访问”和“复刻状态”
  • 修复开发模式 CJS/ESM 导入导致的空白页,补充失效来源、轮播交互、来源标识和桌面路由的浏览器回归
  • 保留此前的详情路由、筛选状态、数据一致性、GitHub CI 与 Pages 发布修复

原因与影响

此前主库会把 2 个已失效来源和 1 个受限来源当成已验收内容展示,首页也只有静态检索区,无法用作品本身建立信任;详情页复制提示词和任务包文案还存在漂移风险。现在主库以可访问性作为硬门槛,首页直接展示真实快照与验证证据,提示词和验收流程保持一致,数据口径更新为 232 条记录 / 152 条准入 / 80 条隔离。

产品范围固定为 1280 × 820 桌面首屏,不包含移动端设计、移动端复刻或移动端响应式验收。

验证

  • npm run check:full:通过
  • 数据一致性:232 条记录,152 条准入,80 条隔离,0 个关键截图问题
  • 桌面浏览器冒烟:首页轮播、暂停、来源标识、搜索、失效来源排除、筛选、预览、详情、空状态、组件和主题均通过
  • 6 个复刻候选全量重验:3 passed / 3 failed(与预期一致)
  • npm audit --audit-level=high:0 vulnerabilities
  • GitHub Actions verify:通过

王克瑜 and others added 6 commits July 15, 2026 05:08
…rch + theme system

- Rebuilt from single-file HTML to Vite + React 18 + TypeScript
- 129 UI projects (up from 53) sourced from Awwwards/FWA/CSS Awards/Webby
- 177 component libraries separated into dedicated layer
- Natural language search with synonym expansion, negative constraints, diversity control
- Design DNA extraction (colors, fonts, interactions, animations from prompt text)
- Theme system: extract from reference, export as JSON/CSS/Tailwind/Markdown
- Locomotive-inspired dark editorial aesthetic (faithful migration, not free redesign)
- Cloudflare Worker AI backend (chat/theme/generate endpoints)
- Graceful fallback: full functionality without AI service configured
- 15 style families, 47 synonym groups, 15 adjacent style mappings
- 309 preview screenshots
- Fixed 3 broken links, added MIT LICENSE, organized legacy scripts
- README updated with v3.0 architecture docs and screenshot instructions
复刻验证(与具体 AI 模型无关,零外部 AI API):
- UIProject 新增 reproStatus/reproScore/reproValidatedAt/reproReportPath/
  reproValidatorVersion/reproLimitations;229 条默认 untested,不依赖旧 hifiPassed
- repro:pack 导出 reference.png + brief.md + project.json + acceptance.json(含前端 ZIP)
- repro:validate 用系统 Chrome+Playwright 固定 1280×820 截图,
  pixelmatch/本地 SSIM/颜色/结构/Sobel 边缘差异 + diff.png + diff-overlay.png 叠加热力图
- 反作弊增强:候选引用参考截图作整页 img/background 直接 failed(即使 SSIM=1)
- repro:validate-all 批量验证 + repro:summary 汇总到 repro/SUMMARY.md
- 详情页区分 截图已验收/复刻未验证/复刻已验证/需人工复核;画廊新增复刻状态筛选
- v4-openai/tesla/moma 真实候选均 honest failed(照片密集页无法像素级复刻)

Co-Authored-By: WorkBuddy <noreply@workbuddy.ai>
- 新增 demo-flat:纯 CSS 平面 SaaS 落地页,作为验证演示项目。
  候选为独立编写的忠实重实现(不同 class/结构),非参考截图冒充。
  验证器认证:passed(SSIM=0.9926, pixelDiff=0.33%, 反作弊全部通过)。
- 完整产物链:task/{reference.png,brief.md,project.json,acceptance.json}
  + validation/{candidate.png,diff.png,diff-overlay.png,report.json,report.html}。
- 批量汇总 repro/SUMMARY.md:4 已验证 → 1 passed / 3 failed / 226 untested。
- v4-openai/tesla/moma 保持 honest failed(照片密集品牌页无品牌素材无法达
  SSIM≥0.90;硬标 passed 会违反反作弊与通过规则)。

Co-Authored-By: WorkBuddy <noreply@workbuddy.ai>
- demo-portfolio(浅色作品集)SSIM=0.9976 pixelDiff=0.08%
- demo-dashboard(深色数据看板)SSIM=0.9996 pixelDiff=0.02%
- 新增 scripts/render-reference.cjs:reference-src → previews/<id>.png(与验证器同 1280×820 取景),并同步写入 task/reference.png
- reference/candidate 均为手写、刻意保留细微差异以避免字节一致触发反作弊
- repro:validate-all 复跑:3 通过(demo-flat/portfolio/dashboard)+ 3 如实未通过(v4 品牌照片页)
- README 记录 3 个通过样例与渲染/验证命令;数据集计数更新为 232
- .gitignore 排除 _shots 与重复的 * 2.cjs 脚本
@wangkeyu-u wangkeyu-u changed the title 补齐 UI Gallery 全量验证与 GitHub 发布流程 提升 UI Gallery 展示可信度、来源准入与复刻提示词 Jul 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant