AI Skills & Agents
AI Skills & Agents
Um catálogo de skills de design engineering para humanos e agentes. Cada uma é de quem escreveu.
207 skills estão hospedadas aqui, sob licença permissiva e com crédito. As outras 62 não declaram licença, então o catálogo aponta para a origem em vez de copiar.
Agente, comece por aqui
Skills
Ordenado pelas estrelas do repositório de origem
Não medimos instalações: nada é instalado através daqui, e um número inventado seria o contrário do que este catálogo defende. As estrelas são do repositório de onde a skill veio, buscadas na API do GitHub. Um repositório muito estrelado aparece no máximo duas vezes seguidas, e o resto fica recolhido, senão um só autor ocuparia o topo inteiro.
13 resultados
#skilltópicosestrelaslicença
- 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, accessibility234na origem