CodeDrobe
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.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
This repository showcases an AI-assisted frontend workflow that produces a polished, visually distinctive landing page by combining multiple specialized skills (e.g., anti-slop constraints, image-first design) and includes the original prompt, execution trace, and a custom open-sourced skill.
Who it is for
- Developers exploring AI-generated frontend code
- Designers looking for unconventional, editorial-style landing page references
- Product teams evaluating AI-driven rapid prototyping
- Hobbyists interested in Hive Mind narratives and experimental UI
Use cases
- Creating a unique landing page without starting from a generic SaaS template
- Learning how to apply anti-pattern constraints (no pill clusters, glass cards, etc.)
- Reproducing or adapting an AI-driven design workflow for other projects
- Studying a complete, sanitized execution trace of an AI coding session
Strengths
- No build dependencies; runs with a simple Python HTTP server
- Thorough verification: zero console errors, all scroll-reveal elements active, responsive menu and dialog tested
- Full transparency — includes original prompt, image generation prompts, and a curated execution trace
- Open-sources a custom 'frontend-from-generated-image' skill and local adaptation of Uncodixify rules
Considerations
- Single-purpose landing page for a fictional concept, not a generic template
- Creation relies on proprietary AI tools (Codex) that may not be freely available to everyone
- Design is opinionated (bold editorial composition, asymmetric layout) and may not suit all brand identities
README quick start
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
| Skill | What it contributed | Original source |
|---|---|---|
| Frontend Design | Forced 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 |
| Uncodixify | Supplied 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 Image | Required 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 Generation | Generated 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
Description
CHORUS Hive Mind landing page — source, prompts, frontend skills, generated design reference, and sanitized Codex build trace
Related repositories
Similar projects matched by category, topics, and programming language.
Brandon030722
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.
DutchDiederik
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.