agentic skill for Claude Code, Codex and Cursor

Install

Each tab says whether it installs commit f631a09, the one we checked, or the latest version.

No tab for your agent? Use Any agent for OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie, Amp and Antigravity, and Claude Code for Cline. Kiro needs the folder copied by hand.

Pinned to commit f631a09, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&
  git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/bergside/awesome-design-skills.git "$tmp" &&
  git -C "$tmp" fetch -q --depth 1 origin f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  git -C "$tmp" sparse-checkout set -- skills/agentic &&
  git -C "$tmp" checkout -q f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  mkdir -p .claude/skills &&
  mkdir .claude/skills/agentic &&
  cp -R "$tmp"/skills/agentic/. .claude/skills/agentic/ &&
  rm -rf "$tmp"

If Claude Code was already running and this created the skills folder, run /reload-skills.

Claude Code docs

Pinned to commit f631a09, the one we checked.

Skills in the Claude apps belong to your account rather than to a project.

Make agentic.zip, with the skill folder at the top level:

tmp="$(mktemp -d)" &&
  git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/bergside/awesome-design-skills.git "$tmp" &&
  git -C "$tmp" fetch -q --depth 1 origin f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  git -C "$tmp" sparse-checkout set -- skills/agentic &&
  git -C "$tmp" checkout -q f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  out="$(mktemp -d)" &&
  cp -R "$tmp"/skills/agentic "$out"/agentic &&
  (cd "$out" && zip -qr - agentic) > agentic.zip &&
  rm -rf "$tmp" "$out"

In Claude, open Customize > Skills, select +, then + Create skill > Upload a skill, and choose agentic.zip.

On Free, Pro and Max plans, turn on Code execution and file creation (Create and edit files in newer settings) under Settings > Capabilities.

Claude apps docs

Pinned to commit f631a09, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&
  git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/bergside/awesome-design-skills.git "$tmp" &&
  git -C "$tmp" fetch -q --depth 1 origin f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  git -C "$tmp" sparse-checkout set -- skills/agentic &&
  git -C "$tmp" checkout -q f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  mkdir -p .agents/skills &&
  mkdir .agents/skills/agentic &&
  cp -R "$tmp"/skills/agentic/. .agents/skills/agentic/ &&
  rm -rf "$tmp"

Codex picks up new skills on its own; restart it if this one does not appear.

Codex docs

Pinned to commit f631a09, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&
  git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/bergside/awesome-design-skills.git "$tmp" &&
  git -C "$tmp" fetch -q --depth 1 origin f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  git -C "$tmp" sparse-checkout set -- skills/agentic &&
  git -C "$tmp" checkout -q f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  mkdir -p .cursor/skills &&
  mkdir .cursor/skills/agentic &&
  cp -R "$tmp"/skills/agentic/. .cursor/skills/agentic/ &&
  rm -rf "$tmp"

Cursor docs

Pinned to commit f631a09, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&
  git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/bergside/awesome-design-skills.git "$tmp" &&
  git -C "$tmp" fetch -q --depth 1 origin f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  git -C "$tmp" sparse-checkout set -- skills/agentic &&
  git -C "$tmp" checkout -q f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  mkdir -p .github/skills &&
  mkdir .github/skills/agentic &&
  cp -R "$tmp"/skills/agentic/. .github/skills/agentic/ &&
  rm -rf "$tmp"

In a running Copilot CLI session, run /skills reload.

Or install it with gh skill, which also installs the commit we checked. Needs GitHub CLI 2.90 or later.

gh skill install bergside/awesome-design-skills skills/agentic/SKILL.md@f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 --agent github-copilot --scope project

Copilot & VS Code docs

Pinned to commit f631a09, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&
  git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/bergside/awesome-design-skills.git "$tmp" &&
  git -C "$tmp" fetch -q --depth 1 origin f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  git -C "$tmp" sparse-checkout set -- skills/agentic &&
  git -C "$tmp" checkout -q f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  mkdir -p .gemini/skills &&
  mkdir .gemini/skills/agentic &&
  cp -R "$tmp"/skills/agentic/. .gemini/skills/agentic/ &&
  rm -rf "$tmp"

In a running session, run /skills reload.

Or use Gemini CLI’s own installer. Installs the latest version, not the one we checked.

gemini skills install https://github.com/bergside/awesome-design-skills.git --path skills/agentic --scope workspace

Gemini CLI docs

Pinned to commit f631a09, the one we checked.

Codex, Cursor, Copilot, VS Code, Gemini CLI, OpenCode, Goose, Amp and Zed all read .agents/skills; Claude Code and Kiro list only their own folders.

From your project's root folder:

tmp="$(mktemp -d)" &&
  git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/bergside/awesome-design-skills.git "$tmp" &&
  git -C "$tmp" fetch -q --depth 1 origin f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  git -C "$tmp" sparse-checkout set -- skills/agentic &&
  git -C "$tmp" checkout -q f631a09b4fcc0166f2e2c1a8c81906ef680c57e8 &&
  mkdir -p .agents/skills &&
  mkdir .agents/skills/agentic &&
  cp -R "$tmp"/skills/agentic/. .agents/skills/agentic/ &&
  rm -rf "$tmp"

Or use the skills CLI from skills.sh. Installs the latest version, not the one we checked. The skills CLI reports installs to skills.sh unless you set DISABLE_TELEMETRY=1.

npx skills@1.7.4 add bergside/awesome-design-skills --skill agentic

Agent Skills docs

What it can touch

From the files and frontmatter at commit f631a09. This is how much a skill can do, not whether it is risky.

What it can touch: Instructions only

It is instructions only: no scripts, no named hosts and no pre-approved tools.

Pattern check

Pattern check: nothing flagged · commit f631a09 · 27 Oct 2026

We checked every text file in this skill, at commit f631a09 on 27 Oct 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.

How the check works Report an incorrect finding

Format check

Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.

Agent Skills specPasses
The open format from agentskills.io, held to what the strictest agents enforce, so one folder loads everywhere.
- Note
  The description doesn't say when to use the skill. D6
  Fix: Add a sentence such as "Use when …" naming the requests or files that should trigger it.
- Note
  Reference files that SKILL.md doesn't link: DESIGN.md. Anthropic suggests linking every reference file directly from SKILL.md. B4
  Fix: Link each one from SKILL.md and say when to read it.
Claude CodePasses
Claude Code reads its own extra fields, ignores unknown ones, and still loads a skill whose frontmatter is broken, without its fields.
- Note
  Reference files that SKILL.md doesn't link: DESIGN.md. Anthropic suggests linking every reference file directly from SKILL.md. B4
  Fix: Link each one from SKILL.md and say when to read it.
Claude apps & API uploadPasses
Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.
- Note
  Reference files that SKILL.md doesn't link: DESIGN.md. Anthropic suggests linking every reference file directly from SKILL.md. B4
  Fix: Link each one from SKILL.md and say when to read it.
OpenAI (Codex & API)Passes
VS Code & CopilotPasses

SKILL.md

Files

2 files

Path	Size
DESIGN.md (opens in a new tab)	1.5 KB
SKILL.md (opens in a new tab)	3.9 KB

More from bergside/awesome-design-skills

ant
bergside/awesome-design-skills
Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
- Instructions only
Pattern check: Nothing flagged
MIT · 3.4k repo stars · Updated 24 Apr 2026
artistic
bergside/awesome-design-skills
High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
- Instructions only
Pattern check: Nothing flagged
MIT · 3.4k repo stars · Updated 24 Apr 2026
basic
bergside/awesome-design-skills
Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
- Instructions only
Pattern check: Nothing flagged
MIT · 3.4k repo stars · Updated 26 Jun 2026
bento
bergside/awesome-design-skills
Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.
- Instructions only
Pattern check: Nothing flagged
MIT · 3.4k repo stars · Updated 24 Apr 2026
bold
bergside/awesome-design-skills
Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
- Instructions only
Pattern check: Nothing flagged
MIT · 3.4k repo stars · Updated 24 Apr 2026
brutalism
bergside/awesome-design-skills
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
- Instructions only
Pattern check: Nothing flagged
MIT · 3.4k repo stars · Updated 24 Apr 2026

All skills in bergside/awesome-design-skills

Install

What it can touch

Pattern check

Format check

SKILL.md

Files

More from bergside/awesome-design-skills

ant

artistic

basic

bento

bold

brutalism