A living design-methodology backup for creating premium, animated, non-generic websites from multi-source art direction, live references, design systems, trend intelligence, variant canvases, anti-slop critique, and production QA.
This repository is not a finished website. It is the operating system for making them.
Premium AI web design should not start with "make a website." It should start with a creative direction system that can ingest many kinds of source material:
- One image
- A live website URL
- A competitor/reference site
- A transcript or design walkthrough
- A brand guide
- Existing site code
- Product screenshots
- Moodboards
- Current trend/taste research
- Design-system references
The system turns those inputs into a build packet:
- Diagnose the business and audience.
- Choose one premium mode.
- Ingest source material through the right pathway.
- Scan current taste and trend signals.
- Transform references without copying protected expression.
- Create a strong visual composition system.
- Separate cinematic assets from real UI.
- Extract an art bible /
DESIGN.md. - Generate high-leverage variants.
- Add one signature motion moment.
- Build from a complete one-shot packet.
- Run anti-slop, performance, accessibility, and fidelity QA.
- Premium Site OS Methodology
- Disciplines, Methods, and Powers Register
- Multisource Adaptive Site OS
- Awwwards-Style Source Registry
- Awwwards Motion Pattern Taxonomy
- Awwwards Stack Decision Guide
- Awwwards Commercial Safety Rules
- Awwwards Motion QA Rubric
- Awwwards Learning Path
- Awwwards Pattern Cards
- MVP Essentials
- Client Intake Form
- Case Study Library Template
- Hermes Agent Integration Notes
- One Image to Website System
- Transcript Methodology Extraction
- One-Shot Build Packet Template
- Anti-Slop and Premium QA Rubric
The repo is the knowledge base. The skill is the compact operating interface that tells Codex how to route links, images, transcripts, brand notes, Awwwards-style sources, and client goals into source scoring, art direction, build packets, and QA.