Skip to content
mcp/skillhub

Agent Skill

Ant skill

antbergside/awesome-design-skillsskills/ant/SKILL.md

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

3.3kMIT

always on

22 tokname + description

once used

751 tokSKILL.md body

bundled files

12 KB

repo stars

3.3kGitHub

Install the Ant skill

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

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

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

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

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

  • Ant 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. 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
  3. 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
  4. 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
  5. boldbergside/awesome-design-skills

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

    3.3k18 tok idle · 670 in use
  6. 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
  7. 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
  8. claudebergside/awesome-design-skills

    A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink.

    3.3k41 tok idle · 828 in use