AI Skills & Agents
AI Skills & Agents
A catalogue of design-engineering skills for humans and agents. Each one belongs to whoever wrote it.
207 skills are hosted here, under a permissive licence and with credit. The other 62 declare no licence, so the catalogue points to the source instead of copying.
Agent, start here
Skills
Ranked by the source repository's stars
We do not measure installs: nothing is installed through here, and an invented number would be the opposite of what this catalogue stands for. The stars belong to the repository the skill came from, fetched from the GitHub API. A heavily starred repository appears at most twice in a row and the rest is collapsed, or a single author would take the whole top.
13 results
#skilltopicsstarslicence
- 143better-accessibilityjakubkrehel/skillsReview and improve focus states, keyboard support, ARIA, forms, screen readers, hit areas, and motion accessibility.accessibility, interaction5.4KMIT
- 144better-colorsjakubkrehel/skillsOKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.color, accessibility5.4KMIT
- 145better-interfacejakubkrehel/skillsRun a holistic interface review across accessibility, layout, writing, typography, color, and visual polish.visual, accessibility5.4KMIT
- 146better-layoutjakubkrehel/skillsImprove interface structure through grouping, alignment, reading order, progressive disclosure, and adaptive responsive layouts.systems, visual5.4KMIT
- 147better-typographyjakubkrehel/skillsWeb typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale, styling text in components, truncating text, styling underlines, selection, placeholders or carets, or reviewing frontend code for typography. Triggers on typography, fonts, font formats, woff2, variable fonts, font-weight, opentype, font-feature-settings, letter-spacing, line-height, type scale, tabular numbers, text-wrap, truncation, line clamp, underlines, text-decoration, text selection, iOS input zoom, font smoothing, text contrast, measure, line length, text-box, smart punctuation, drop cap.typography, visual5.4KMIT
- 148better-uijakubkrehel/skillsDesign engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, image outlines, box shadows.visual, interaction5.4KMIT
- 149better-writingjakubkrehel/skillsImprove UX writing for interface labels, errors, empty states, settings, notifications, and product voice consistency.frontend, accessibility5.4KMIT
- 150breakjakubkrehel/skillsAnswers "does this survive?" for one component. Renders it on a page in every state real use can put it in, and hands that page over as a visual report of what broke.frontend, craft5.4KMIT
- 151explain-interfacejakubkrehel/skillsAnswers how was this built about an interface. Give it a URL and name the thing you're curious about, and it reads the layers that produce the effect. Reads the whole frontend instead when you don't name a thing. From a screenshot it reconstructs rather than reads and says so.craft, frontend5.4KMIT
- 152interface-reviewjakubkrehel/skillsInterface review of a change rather than a screen: uncommitted work, the current branch, or a pull request. Covers interface quality, not correctness, tests, or security.craft, visual5.4KMIT
- 153variantjakubkrehel/skillsAnswers which of these rather than is this right. Builds several genuinely different versions of one piece of UI behind a picker in the real page, so you can flip between them and promote the one that wins.visual, interaction5.4KMIT
- 158make-interfaces-feel-betterjakubkrehel/make-interfaces-feel-betterDesign engineering principles for making interfaces feel polished, with focus on micro-interactions, typography, and visual details.craft, interaction3.3KMIT
- 216oklch-skilljakubkrehel/oklch-skillPractical OKLCH color workflow skill for building consistent, accessible, and tunable color systems in modern UIs.color, accessibility234at source