Design
The best skills for design-related work, like interfaces, visuals, presentations and design systems.
Interface
[475]
prototypemattpocock/skillsBuild a throwaway prototype to test whether a state model or UI idea works★304K
frontend-design-directionaffaan-m/ECCSet a product-specific design direction for websites, dashboards and web UI work★291K
frontend-design-directionSet a product-specific design direction for websites, dashboards and web UI work
make-interfaces-feel-betteraffaan-m/ECCPolish UI spacing, typography, shadows, motion and hit areas so interfaces feel better★291K
make-interfaces-feel-betterPolish UI spacing, typography, shadows, motion and hit areas so interfaces feel better
adversarial-ux-testNousResearch/hermes-agentRoleplay a hostile user to find and rank UX pain points in an interface★258K
impeccableNousResearch/hermes-agentFrontend design guidance for polished, consistent web interfaces★258K
figma-use-motionanomalyco/opencode★223K
frontend-designanthropics/skillsDistinctive, intentional visual design for new or reshaped UI★184K
frontend-designDistinctive, intentional visual design for new or reshaped UI
frontend-designanthropics/claude-codeGive web UIs a distinctive visual direction with typography and layout choices★154K
frontend-designGive web UIs a distinctive visual direction with typography and layout choices
Visual & Art
[127]
baoyu-article-illustratorNousResearch/hermes-agentCreate consistent article illustrations with matched style and palette★258K
baoyu-article-illustratorCreate consistent article illustrations with matched style and palette
draw-your-fontNousResearch/hermes-agentTurn a photo of your handwriting into an installable TTF font★258K
mono-colorNousResearch/hermes-agentGenerate one- or two-ink editorial poster images for print★258K
figma-shadersanomalyco/opencodeCreate and iterate on procedural shader fills and effects in Figma★223K
algorithmic-artanthropics/skillsGenerative art in p5.js with seeded randomness and live parameters★184K
algorithmic-artGenerative art in p5.js with seeded randomness and live parameters
canvas-designanthropics/skills★184K
banner-designnextlevelbuilder/ui-ux-pro-max-skillDesign social, ad, hero and print banners in multiple art directions★142K
algorithmic-artnexu-io/open-designMake seeded p5.js generative art so every render can be reproduced exactly★105K
algorithmic-artMake seeded p5.js generative art so every render can be reproduced exactly
Presentations
[300]
powerpointNousResearch/hermes-agent★258K
pptx-authorNousResearch/hermes-agent★258K
figma-use-slidesanomalyco/opencode★223K
slidesnextlevelbuilder/ui-ux-pro-max-skillCreate HTML presentations with Chart.js charts, responsive layouts and slide strategy★142K
slidesCreate HTML presentations with Chart.js charts, responsive layouts and slide strategy
create-slides-pitchnexu-io/open-design★105K
deck-guizang-editorialnexu-io/open-design★105K
deck-open-slide-canvasnexu-io/open-design★105K
Brand Identity
[31]
ip-as-logoNousResearch/hermes-agentDesign minimal mascot logos that stay readable at 32 pixels★258K
brand-guidelinesanthropics/skillsApply Anthropic's brand colors and typography to any artifact★184K
brand-guidelinesApply Anthropic's brand colors and typography to any artifact
designnextlevelbuilder/ui-ux-pro-max-skill★142K
brand-guidelinesnexu-io/open-designApply Anthropic brand colors and typography to slides and documents★105K
brand-guidelinesApply Anthropic brand colors and typography to slides and documents
brandkitnexu-io/open-design★105K
brandfetch-automationComposioHQ/awesome-claude-skills★78.2K
logo-dev-automationComposioHQ/awesome-claude-skills★78.2K
applying-brand-guidelinesanthropics/claude-cookbooksApply consistent colors, fonts and layouts from corporate brand rules to documents★53.9K
applying-brand-guidelinesApply consistent colors, fonts and layouts from corporate brand rules to documents
Design Systems
[179]
design-systemaffaan-m/ECCExtract design tokens from a codebase and audit its UI for visual consistency★291K
figma-code-connectanomalyco/opencodeMap Figma components to code snippets with Code Connect template files★223K
figma-create-new-fileanomalyco/opencode★223K
figma-generate-designanomalyco/opencodeTranslate an app page or multi-section layout into an editable Figma design★223K
figma-generate-designTranslate an app page or multi-section layout into an editable Figma design
figma-generate-libraryanomalyco/opencodeBuild a Figma design system from code with variables, components and theming★223K
figma-generate-libraryBuild a Figma design system from code with variables, components and theming
figma-generative-pluginsanomalyco/opencode★223K
figma-useanomalyco/opencodeRun safe write and read actions in Figma files with the use_figma tool★223K
theme-factoryanthropics/skills★184K
Diagrams
[146]
visualizeopenclaw/openclawCreate inline visuals that explain code, or persistent OpenClaw dashboard widgets★393K
visualizeCreate inline visuals that explain code, or persistent OpenClaw dashboard widgets
anatomyNousResearch/hermes-agentExplain an idea as an interactive isometric machine diagram in HTML★258K
archifyNousResearch/hermes-agentCreate validated interactive HTML diagrams of systems and architectures★258K
concept-diagramsNousResearch/hermes-agent★258K
excalidrawNousResearch/hermes-agentCreate hand-drawn Excalidraw JSON diagrams for architecture, flows and sequences★258K
pr-lensNousResearch/hermes-agentDraw code changes as animated architecture and data-flow SVG diagrams★258K
pr-lensDraw code changes as animated architecture and data-flow SVG diagrams
system-atlasNousResearch/hermes-agentBuild explorable isometric architecture atlases as HTML pages★258K
tldraw-offlineNousResearch/hermes-agentScript and drive offline tldraw whiteboard canvases from code★258K