Codex (Awesome Design Skills)
3/5 out of 5. Read the verdictA radically minimal, edge-to-edge interface with almost no color, where type carries the design. From bergside's Awesome Design Skills.
First screen only. Switch to side by side to read the full pages.
Scroll either page; the other follows.Full Codex (Awesome Design Skills) pageFull baseline
Every skill gets the same Tally brief, alone in a clean project. How we test
Our verdict
3/5 out of 5
Passed the cut
Codex makes Tally stark black and white: oversized heavy Open Sans headlines, pill buttons, thin black rules and inverted black bands, with no shadows or gradients. The dashboard uses big light numbers and black as the only fill, with red and green only for status. It is clean and confident. Pick it for developer tools or brands that want a strict monochrome look.
Pick it for
- developer tools
- AI and tech product pages
- minimal SaaS
- monochrome brands
Skip it for
- warm consumer brands
- playful products
- image-led marketing
Typography
Colors
Observations
- with almost no color, the dashboard can feel flat when scanning many numbers
Install
1 Run in your terminal
npx degit bergside/awesome-design-skills/skills/codex#main .claude/skills/codex2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini
It tells your tool to install this from its source repository.
This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.
Copies just this skill's folder into your project's .claude/skills.
Check the source for the latest instructions.
We tested the codex skill from this repo.
Details
- Type
- Skill
- GitHub stars
- 3,255*
- Updated
- 4mo ago
- License
- MIT
- Best for
- Visual direction
Test runOpus 5.5Claude Code 2.1.303Oct 18, 2026generated in 4 minabout $0.92 at API pricescommit f631a09
* Stars are for the whole bergside/awesome-design-skills repository.
Made this skill?Put your score on your README, and claim this page for a link to your site. 
1. Put your score on your README
[](https://skillsfordesign.com/s/awesome-design-skills-codex/) The badge links here. If a retest changes the score, it updates by itself.
2. Claim this page
Get a free backlink to your site.
- A followed link, not nofollow. From the page about your skill, on a site about design skills, to your portfolio, product or studio. Search engines count it.
- Your name on the page. Credited as the maker, right under the description, where every visitor sees it.
- Free. Live within a few days.
How it will look
Thanks, we have it.
We'll check the repo and email you when your name is on the listing.
Similar
Same brief, other skills
Liquid Glass Design (ECC)
Liquid Glass Design builds Tally out of frosted glass panels floating over soft mint, peach and periwinkle light, set in Bricolage Grotesque and DM Sans. The dashboard keeps the glass in Manrope and stays readable. Pick it if you want a friendly, Apple-flavored product that looks nothing like the cream-and-serif default.
updated 2d ago
Impeccable
Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.
updated 1d ago
Hallmark
Hallmark turns Tally into a cheerful yellow-and-pastel brand in Plus Jakarta Sans with big ghost numerals, and the dashboard matches it. The most consistent result in the set, but it took about 12 minutes per brief.
updated 2mo ago
Huashu Design
Huashu swaps Fraunces for Bricolage Grotesque and puts a lime highlighter on a deep forest green. It keeps envelopes as real kraft cards and carries the look into a tidy dashboard. A safe, distinct choice for consumer finance.
updated 4d ago
Also for these tasks
Minimal (Awesome Design Skills)
Minimal gives Tally lots of white space, a near-black and indigo palette on warm off-white, and big Inter headlines over Open Sans. The dashboard is mostly black and white, with indigo for the $640 and red for the over-budget envelope. It is calm and clean, but the mobile dashboard scrolls sideways. Pick it for products that want quiet, simple pages.
updated 4mo ago
Paper (Awesome Design Skills)
Paper gives Tally a ledger feel: warm grainy off-white, black Montserrat headlines, Roboto body text, PT Mono labels and violet as the only accent. The landing hero is a budget sheet with a "synced" stamp and a taped-on note. It is tidy and has a small idea, but it stays close to a plain light page, and the mobile dashboard scrolls sideways. Pick it for calm, print-flavored products.
updated 4mo ago
Artistic (Awesome Design Skills)
Artistic sets Tally as an Art Deco poster: Limelight display type, JetBrains Mono body text, navy and white sections and solid blue and violet blocks with hard offset shadows. The dashboard keeps the dark sidebar, thick outlines and big colored summary blocks. It has a real point of view, but the mobile dashboard scrolls sideways. Pick it for expressive, poster-like brands.
updated 4mo ago
Clean (Awesome Design Skills)
Clean gives Tally a calm white and slate page with one blue accent, Poppins headings over Roboto, Inconsolata figures and an 8px spacing grid. The dashboard is just as plain: white cards, blue bars and color only where status matters. It is tidy and readable, though it looks like many SaaS templates. Pick it as a safe, neutral starting point.
updated 4mo ago