Skip to content
mcp/skillhub

Agent Skill

Codex skill

codexbergside/awesome-design-skillsskills/codex/SKILL.md

A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. Black serves as the only filled color, the only divider, and the sole surface tone cards.

3.3kMIT

always on

50 tokname + description

once used

777 tokSKILL.md body

bundled files

12 KB

repo stars

3.3kGitHub

Install the Codex skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/bergside/awesome-design-skills --skill codex

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/bergside/awesome-design-skills.git /tmp/awesome-design-skills
mkdir -p ~/.claude/skills
cp -R /tmp/awesome-design-skills/skills/codex ~/.claude/skills/codex

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description50 tok
When the agent uses itThe SKILL.md instructions777 tok
Only if opened1 bundled files (2 KB)varies

Until it is used, codex costs about 27× less than the median MCP server we measured (1,363 tokens on every turn). Installing all 67 skills from bergside/awesome-design-skills would load 1,710 tokens of descriptions. Skills vs MCP study

Checks

Our checks found nothing to flag: it follows the Agent Skills specification's naming and size guidelines and doesn't pipe downloads into a shell.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • Open Design System Skill (Universal)
  • Mission
  • Brand
  • Style Foundations
  • Accessibility
  • Writing Tone
  • Rules: Do
  • Rules: Don't
  • Expected Behavior
  • Guideline Authoring Workflow
  • Required Output Structure
  • Component Rule Expectations
  • Quality Gates
  • Example Constraint Language

More skills from bergside/awesome-design-skills

All skills in this repo
  1. agenticbergside/awesome-design-skills

    Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.

    3.3k24 tok idle · 774 in use
  2. antbergside/awesome-design-skills

    Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.

    3.3k22 tok idle · 751 in use
  3. artisticbergside/awesome-design-skills

    High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.

    3.3k21 tok idle · 747 in use
  4. basicbergside/awesome-design-skills

    Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.

    3.3k20 tok idle · 761 in use
  5. bentobergside/awesome-design-skills

    Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.

    3.3k29 tok idle · 699 in use
  6. boldbergside/awesome-design-skills

    Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.

    3.3k18 tok idle · 670 in use
  7. brutalismbergside/awesome-design-skills

    Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.

    3.3k30 tok idle · 706 in use
  8. cafebergside/awesome-design-skills

    Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

    3.3k23 tok idle · 697 in use