Skip to content
mcp/skillhub

Agent Skill

Terracotta skill

terracottabergside/awesome-design-skillsskills/terracotta/SKILL.md

A sun-baked, clay-toned editorial interface built on warm cream surfaces, ink-brown headlines set in a display serif, and a single terracotta accent.

3.3kMIT

always on

36 tokname + description

once used

757 tokSKILL.md body

bundled files

12 KB

repo stars

3.3kGitHub

Install the Terracotta skill

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

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

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/terracotta ~/.claude/skills/terracotta

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 description36 tok
When the agent uses itThe SKILL.md instructions757 tok
Only if opened1 bundled files (2 KB)varies

Until it is used, terracotta costs about 38× 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.

  • Terracotta 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