Loading...
Loading...
Found 1,063 Skills
Expert guidelines for building performant animations with Motion (formerly Motion One) vanilla JavaScript animation library
Build distinctive, production-grade frontend interfaces. Use when creating any web UI — sites, apps, dashboards, components. Focuses on design quality and avoiding generic AI aesthetics. Composable with other skills (docx, pdf, xlsx).
Audit web performance using Chrome DevTools MCP. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed.
A portable, reproducible UI/UX spec standard: scan a frontend repo for UI sources and scaffold a ui-ux-spec documentation bundle (tokens, global styles, components, patterns, pages, a11y). Also supports plan-driven UI-only refactors based on an existing ui-ux-spec. Excludes business logic and domain workflows.
Tailwind Class Optimizer - Auto-activating skill for Frontend Development. Triggers on: tailwind class optimizer, tailwind class optimizer Part of the Frontend Development skill category.
Build React components, responsive layouts, and handle state management. Use for UI development, styling, or frontend performance.
Comprehensive design system guidelines for building consistent, accessible, and scalable digital products
Smart/Dumb component patterns, Standalone components, modern control flow (@if, @for), and OnPush strategy for Angular 17+.
Write READMEs for software projects. The skill should be used when writing or revising a README or README.md file.
[Project Management] Create UI/UX design specifications from requirements, PBIs, or user stories. Produces structured design spec documents with layout, typography, colors, interactions, and responsive breakpoints. Triggers on design spec, design specification, UI specification, component spec, layout spec, wireframe, mockup.
Browser QA — Automated Visual Testing & Interaction
Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.