adamholter GitHub avatar

hive-mind-landing-page

adamholter

一个名为CHORUS的虚构“蜂群意识”的着陆页面,完全由Codex AI根据一条简短提示生成,展示了非通用、编辑风格的页面设计,并应用了反模板化约束。

Stars

161

7 天增长

暂无数据

Fork 数

2

开放 Issue

0

开源协议

MIT

最近更新

2026-07-09

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

该仓库展示了AI辅助前端工作流:通过组合多个专项技能(如反模板约束、图像优先设计)生成精美且视觉独特的着陆页面,并附带了原始提示、执行轨迹和一个开源的自定义技能。

适合谁使用

  • 探索AI生成前端代码的开发者
  • 寻找非常规、编辑风格着陆页面参考的设计师
  • 评估AI驱动快速原型的产品团队
  • 对蜂群意识叙事和实验性UI感兴趣的爱好者

典型使用场景

  • 创建不依赖通用SaaS模板的独特着陆页面
  • 学习如何应用反模式约束(如无药丸簇、玻璃卡片等)
  • 将AI驱动设计工作流复现或适配到其他项目
  • 研究一个完整、清理后的AI编程会话执行轨迹

项目优势

  • 无构建依赖;仅需简单Python HTTP服务器即可运行
  • 全面验证:零控制台错误,所有滚动揭示元素均激活,响应式菜单和对话框通过测试
  • 完全透明——包含原始提示、图像生成提示和精心策划的执行轨迹
  • 开源自定义“从生成图像设计前端”技能及Uncodixify规则的本地适配版

使用前须知

  • 仅服务于虚构概念的单一着陆页面,非通用模板
  • 创建过程依赖私有AI工具(Codex),并非人人可用
  • 设计风格非常独特(大胆的编辑式构图、不对称布局),可能不适合所有品牌场景

README 快速开始

CHORUS — a Hive Mind landing page

This landing page was built by Codex from one short prompt. This repository contains the finished site, the original prompt, the generated design reference, the frontend skills that shaped the result, and a sanitized execution trace.

The frontend skills that mattered

SkillWhat it contributedOriginal source
Frontend DesignForced a specific visual thesis instead of a generic SaaS template: bold editorial composition, expressive typography, asymmetric layout, intentional motion, and one dominant hero image.Anthropic’s frontend-design plugin · exact install-era source
UncodixifySupplied the anti-slop constraints: no pill clusters, no glass cards, no purple gradient, no fake metrics, no dashboard-like hero, and no decoration without a job.cyxzdev/Uncodixfy · exact rules file originally installed · local adaptation used here
Frontend From Generated ImageRequired an image-first workflow: generate a concrete UI reference, treat it as the direction, create the required real image asset, then verify the implementation visually.This was a custom Adam/Codex skill, not an upstream project. It is now open sourced in this repository.
OpenAI Image GenerationGenerated the full-page design reference and the portrait-network hero artwork. This is supporting visual infrastructure rather than a frontend-design skill.OpenAI Codex imagegen skill

What was not part of the frontend method

  • Visual Plan was inspected during preflight but was not used to plan or implement this page.
  • The standalone Screenshot skill was not part of the design process. Screenshots and interaction checks were captured with headless Playwright.
  • Antigravity and sub-agents were not used for the page build

项目描述

CHORUS Hive Mind landing page — source, prompts, frontend skills, generated design reference, and sanitized Codex build trace

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

CodeDrobe
CodeDrobe GitHub avatar

skills

CodeDrobe Skills provides installable agent workflows for creating, managing, and publishing reversible themes in supported Chromium/Electron AI desktop apps like OpenAI Codex and Tencent WorkBuddy.

CSS
232
Brandon030722
Brandon030722 GitHub avatar

ark-ui-skill

Ark UI is a clean-room design system with five style families and four depth levels, enabling structured UI reconstruction and prototyping.

CSS
195
DutchDiederik
DutchDiederik GitHub avatar

AmberConsole

Amber Console is a zero-dependency CSS framework that recreates the monochrome amber-terminal look of late-1980s industrial control panels, using a single stylesheet and no JavaScript for appearance.

CSS
183