animejs
Write correct anime.js v4 animations with the right imports, API patterns, easing, timelines, and advanced features. Use this skill whenever the user asks to…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,039 results
html-presentations
Create beautiful HTML presentations from markdown specs. Use when user asks to create a presentation or slideshow.
opentui-projects
OpenTUI project scaffolding, templates, examples, component library, and best practices.
assess-interview-candidate
Generate an auditable backend assessment based on the candidate's resume and job requirements, a concise candidate introduction, resume doubts ordered by job importance, 12–18 interview questions that can be read directly, and offline HTML that supports highlighting and local saving. Use for recruiters to prepare structured interviews, verify job competencies, and record answers. Do not use for mock interviews for job seekers, private background checks, psychological or personality diagnosis, inferring performance from sensitive attributes, or automatically hiring, rejecting, or ranking candidates…
good-html
Generate or review high-density, interactive, self-contained HTML artifacts based on Thariq Shihipar's "Unreasonable Effectiveness of HTML" patterns. Use this…
kanpeki
Use Kanpeki component library in React projects. Activate when user wants to add, use, customize, or compose accessible UI components from Kanpeki…
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
nextjs-image-art-direction
Implement art direction for Next.js images using getImageProps(). Use when showing different images for different viewport sizes, such as homepage carousels…
tailwind-css
Tailwind CSS utility-first styling. Use when building UIs with Tailwind classes, responsive design, dark mode, flexbox/grid layouts, hover/focus states, or any…
svelte5-runes
Svelte 5 runes guidance. Use for reactive state, props, and effects. Covers $state, $derived, $effect, $props, $bindable. Prevents mixing syntaxes and…
maven-multi-branch-license-gate-hardening
Use when hardening or auditing license evidence, SBOM generation, full Maven Reactor verification, commit and push proof, or CI completion across multiple…
drupal-mail
Drupal mail system configuration for local testing (Mailpit) and production (Mailchimp Transactional). Covers HTML email rendering, Content-Type headers,…
html-accessibility
Web accessibility (WCAG 2.1 AA) best practices for static HTML/CSS websites
frontend-a11y-focus-keyboard-inert
Use when authoring any focusable UI surface : modals, popovers, drawers, tabs, menus, listboxes, comboboxes, toolbars, grids, trees, or any custom widget that…
frontend-agents-design-system-validator
Use when auditing a CSS codebase for design-system compliance, reviewing a pull request that touches `.css` / `.scss` / `.ts` / `.tsx` / `.vue` / `.svelte`…
frontend-impl-responsive-layout-fluid
Use when building a layout that must look correct from 320px phones to 3840px ultrawide monitors without breakpoint cliffs, when fluid typography is needed so…
frontend-theming-dark-light-mode
Use when adding dark mode to a website or app, choosing between system-followed-only and user-toggle modes, eliminating duplicated `@media…
frontend-visual-micro-interactions
Use when designing or implementing hover, focus, and press feedback on buttons, links, and cards; choreographing entrance / exit animations for modals,…
react-agents-review
Use when reviewing React code, validating a React project, or performing code review for correctness. Prevents shipping code with Rules of Hooks violations,…
react-core-concurrent
Use when implementing loading states, optimizing perceived performance, handling slow renders, or adding Suspense boundaries. Prevents the common mistake of…
react-core-state
Use when designing state architecture, choosing between state management approaches, or solving state-related problems. Prevents the common mistake of mutating…
react-errors-debugging
Use when debugging React applications, interpreting console warnings, profiling performance, or understanding Strict Mode double-rendering. Prevents the common…
react-errors-hydration
Use when encountering hydration warnings, debugging SSR/SSG mismatches, or implementing server-rendered React applications. Prevents the common mistake of…
react-impl-styling
Use when styling React components, choosing a CSS approach, implementing responsive design, or managing CSS architecture. Prevents the common mistake of global…