Geepers Design
Applies Swiss/International Style principles — grid systems, typographic scales, 8px spacing, and WCAG AA contrast — to create clean, functional interface designs and design system recommendations. Use when building a new component or auditing a page's visual consistency. Trigger with "review the design system", "design this component".
By jeremylongshore
How to install
Skill (folder)A Skill is a folder with a SKILL.md file that gives Claude extra instructions for a task.
Claude Code (project or global):
# per-project mkdir -p .claude/skills/geepers-design # ...or for all projects mkdir -p ~/.claude/skills/geepers-design # copy SKILL.md and any supporting files into that folder
Claude.ai / Claude Desktop:
Customize → Skills → “+” → Browse skills → Install. (Installed skills are view-only; download a copy to customise.)
Claude auto-detects skills in that folder — no restart needed.
Exact steps can vary per project — always double-check the original source. New to this? Read the full install guide →
Source
More in Creative, Design & Art
View all →Algorithmic Art
Create algorithmic generative art with Claude AI using p5.js, flow fields, particle systems, and controlled randomness. Download for free.
Impeccable
The design language that makes your AI harness better at frontend design — 1 skill, 23 commands, 45 detector rules
Figma
Figma design tool integration. Extract design specs, generate code from designs, access component libraries, and bridge the gap between design and development.
Figma Server
Access Figma designs with live structure, hierarchy, auto-layout, variants, and text styles for accurate code generation