design-patterns
80 / 100 · Low risk
Fine to try.
Visual design patterns for design tokens, component specifications, color systems, typography, spacing, and WCAG accessibility compliance. Use proactively when working on design systems, UI components, CSS/SCSS styles, or reviewing visual design decisions for accessibility and consistency.
What this skill can do
Runs commands on your computer
Downloads and installs other software
Other copies in this repository
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'design-patterns' ] || [ -L ~/.agents/skills/'design-patterns' ]; then echo 'A skill folder named design-patterns already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/Everyone-Needs-A-Copilot/claude-copilot' "$d" && git -C "$d" checkout --quiet '0f57aa588a5c2c7da021b976edc1b176ea602022' -- 'templates/skills/design-patterns' && mkdir -p ~/.agents/skills && cp -R "$d"/'templates/skills/design-patterns' ~/.agents/skills/'design-patterns' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'design-patterns' ~/.claude/skills/'design-patterns' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/Everyone-Needs-A-Copilot/claude-copilot/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-08 | 0f57aa5 | 80 |