Design and interface work

emilkowalski/skills

43k

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

vercel-labs/agent-skills

32k

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

vercel-labs/openreview

1.7k

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

ibelick/ui-skills

9.3k

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

ibelick/ui-skills

9.3k

Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.

ibelick/ui-skills

9.3k

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

nutlope/hallmark

29k

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.

shadcn/ui

125k

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".

shubhamsaboo/awesome-llm-apps

140k

Chart selection and data visualization guidance for effective data communication. Use when: creating visualizations, choosing chart types, designing dashboards, or when user mentions data visualization, charts, graphs, or needs help presenting data visually.

emilkowalski/skills

43k

Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use improve-animations or review-animations instead.

ibelick/ui-skills

9.3k

Use before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI.

dylantarre/animation-principles

91

Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newcomer to animation

dylantarre/animation-principles

91

Use when animating any UI element not covered by specific skills, or when applying general animation principles across multiple element types

dylantarre/animation-principles

91

Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.

mattpocock/skills

274k

Writing, explore: mine raw fragments, no structure yet.