Agent skills for Codex and Claude Code
Skills for Codex and Claude Code that give your agent a process you can follow: they read your brief back before starting, show what they checked, and leave the decisions that need taste to you. We built this site with them.
Human and agent,
in one shared process.
How it works
Ask a coding agent for a landing page, a launch post or a new look, and it usually reaches for its own palette, font and phrasing. With these skills it follows a process you can watch, and the decisions that need taste come back to you.
Before starting, your agent restates what it understood, what it’s assuming and what it still needs. Nothing starts until you say yes.
It checks each text and background color pair for contrast, renders the page at desktop, tablet and phone widths, and marks a missing fact as [NEEDS: …] instead of inventing one.
Before calling anything done, it tells you what it verified and what it couldn’t. Ledger records what each request produced, so the next session picks up where this one stopped.
The collection
Each one is a folder of instructions and helper scripts. Use one when you need it, or let them hand work to each other.
Before non-trivial work, your agent reads the request back as a short brief you can confirm or correct in one reply.
“Check your understanding before you build this.” Useful when a request is ambiguous, touches several files or is hard to undo.
Turns research and a goal into a plan another session can pick up: missions, tasks and a spec, checked by a validator.
“Turn these notes into an implementation plan.” Useful when the thinking is done and the work needs to be split up.
Records each request and what was built from it, and retires things cleanly so your agent stops loading what you no longer use.
“What did we build for this request?” Keeps the active list in the guide your agent already reads.
Choose a visual direction from ten researched AW26/27 and SS27 themes, with exact color tokens, contrast checks and advice for your interface.
“Help me choose a theme for this interface.” Compare a shortlist, inspect the tokens, and apply the one you choose.
Sets type roles, hierarchy and leading for the person reading, then renders the page and inspects it before calling a change done.
“Review the typography in this screen.” Works from your real content and styles, at the widths and themes you use.
Writes, rewrites and reviews public copy from who is reading, where, and what you can prove. It never invents numbers or quotes.
“Write the launch post for LinkedIn and X.” Checks each channel’s limits, and coaches instead of writing where a venue bans AI-written text.
How we built this
We made the decisions. The agent did the careful work and checked back with us.
Turned our logo into the OneZeroBoth Light theme: palette, color roles and tokens.
Set the type, then rendered the page at desktop, tablet and phone widths before each change counted as done.
Reviewed the first version of this page, asked us who it was for and what it meant, confirmed the brief, then rewrote it from our answers.
Recorded each request and what changed, so the next session knows why the site is the way it is.
Try them
Switch between five of the skill’s ten themes and see how each one changes surfaces, actions and type.
Open the Thematic specimen → Typography / field studySee how the reading task, the available space and the elements nearby change what works.
Open the Typography field study →Install
The same skills in either agent. Choose where they go.
Download the skillsNode.js 20+ to install. Python 3 for the bundled helpers.
01 / Download and extract the collection
Open a terminal in the extracted folder, then choose your agent below.
node bin/install.mjs --agent codexInstalls into ~/.agents/skills
Existing skills are protected. Add --dry-run to preview, or --project . to install only in your current project.
Questions
A folder of instructions and supporting files that teaches your agent a repeatable way to handle a task. Your agent loads it when the task calls for it.
OneZeroBoth, a studio. One, zero, both: human and agent, working in one shared process. The source for the skills and this site is on GitHub.
No. Install for Codex, Claude Code, or both. The collection works with either local agent.
Not yet. The installer is prepared for npm, but the package hasn’t been published. Use the download and the command above for now.
No. Identical bundles are skipped. If an existing skill differs, the installer stops before writing any skills. Back up and move that folder aside if you want to install this version.
No. The installer targets local Codex and Claude Code skills folders. It doesn’t upload skills to Claude on the web or Cowork.