Agent skills for Codex and Claude Code
Six skills that give your agent one consistent way to plan, choose a look, set type and write, and that check the result with you before calling it done. We built this site with them.
Human and agent,
in one shared process.
Why we made these
Ask a coding agent for an interface and it reaches for its own defaults: a familiar palette, a familiar font, familiar words. Ask again in a new session and last week’s instructions may be gone. We wanted a process we share with the agent, where it does the careful work, checks back, and the decisions stay with us.
Each skill is a written process your agent loads when the task calls for it, in Codex or Claude Code. The instructions don’t drift between sessions or harnesses.
The skills render pages and inspect them, check exact color pairs, count characters the way each platform does, and say what was verified and what wasn’t.
Read Back confirms the brief before work starts. Copywriter asks for your facts and leaves the personal lines for you to write.
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 six 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.