Frame the problem
Define your users, the job to be done, constraints and assets before designing anything.
THE ANTI-TEMPLATE TOOLKIT
AI can write the code.
It should also question the design.
Go beyond familiar card grids and color swaps. Explore distinct structures, challenge design decisions, and review the evidence before shipping.
Free, open-source. Python 3.10+. No API key required for the core CLI.
THE PROBLEM 01
Changing a gradient is not a new idea. CreativeCode helps structure design exploration around hierarchy, navigation, content and interaction — the decisions that make a product feel intentional.
INTERACTIVE DESIGN STUDY 02
Explore three different approaches to the same portfolio brief. These are conceptual structural studies, not finished client websites.
CASE STUDY / 002
PROJECT01 / IDENTITY
BUILDSwitch layouts, change the language, and explore project details in the original interactive portfolio study.
NO INSTALL NEEDED 03
Compare the three concepts above, decide what fits, and tell us what is unclear. No account to try; no response is sent automatically.
Compare. Switch between A, B and C. Look at information hierarchy, navigation and project presentation.
Decide. Which structure would you explore for a portfolio? “Not sure” is valid feedback.
Share. Copy your notes and, if you want, paste them into the public GitHub feedback issue.
FROM BRIEF TO DECISION 04
The toolkit is intentionally small: clear prompts and a dependency-free Python CLI. Its review outputs are evidence-guided, not automatic aesthetic judgments.
Define your users, the job to be done, constraints and assets before designing anything.
Generate three curated structural blueprints and compare their navigation and content models.
Record originality heuristics, review questions, uncertainty and evidence gaps.
Approve a direction, implement separately, and test real interactions. No automatic deployment.
START BUILDING BETTER 05
Clone the repository and run the example. Or give the included design prompts to an AI assistant and review its suggestions critically.
# clone and enter the project
git clone https://github.com/faysalishere/creativecode-engine.git
cd creativecode-engine
# generate three design blueprints
python3 -m creativecode concepts \
--brief examples/portfolio_brief.json \
--out /tmp/creativecode-concepts.jsonNo AI model, paid API, or browser-based coding agent is included. This example uses a rule-based concept engine.
HONEST BY DESIGN 06
Design framework, prompts, deterministic concept blueprints, structural originality checks, critic review packets, and an interactive study.
A hosted AI model, autonomous software builder, automated visual originality verdict, or automatic deploy-to-production agent.
Professional design requires context, honest evidence and human judgment. A passing checklist is not a guarantee of quality.