Design Systems Claude Skills

Skills for design-system maintenance — token audits, component inventories, and drift detection.

Every skill below is free to use with a free Agentman account.

Agentman App StyleguideAgentman desktop app design system AND component system — the portable styleguide for building or restyling an Electron/Next.js/React + Tailwind app in the Agentman house style (warm Burnt Peach brand over warm neutrals, dense information-first UI, shadcn/Radix primitives). Use this whenever the user is building UI, adding or designing a component (button, card, badge, input, select, dialog/modal, table, toast, layout/shell, sidebar, tabs, empty state, skeleton), choosing colors, picking spacing/radius/typography, setting up a tailwind.config, restyling a page, doing a design or component review, or asks 'what color/font/spacing should I use', 'how should this component work', 'make it match our style', 'is this on-brand', 'set up the design tokens or component library'. Apply it even when the user doesn't say 'styleguide' but is making any visual or component decision in an app meant to look like Agentman's. Ships copy-paste tailwind tokens, two color-registry helper files (status-tone, category-colors), a full visual reference, and a prescriptive component-system reference (primitive contracts, data-table pattern, app shell, feedback/overlays, enforcement).

Build your own design systems skills library

Clone any skill here, edit it for how your team works, and use it from Claude, ChatGPT, or your own agents. Free to start — up to 10 private skills and 3 members, no credit card.

Start free

Browse every category →