vantajs
Use when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js).
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-03 00:11
Frontend & websites
11,402 results
web-technique-to-skill
Turn a visual or interaction technique you already built into a reusable web-design skill, by isolating the one mechanism that makes it work while reproducing…
webgl-3d-object
Create a real 3D WebGL object with geometric mesh depth, physically based material, directional and ambient lighting, perspective camera, subtle rotation, and…
expect
Use when editing .tsx/.jsx/.css/.html, React components, pages, routes, forms, styles, or layouts. Also when asked to test, verify, validate, QA, find bugs,…
react-doctor
Use when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to scan, triage, or clean up React…
alpine-js
Alpine.js development guidelines for lightweight reactive interactions with Tailwind CSS and various backend frameworks.
css
Best practices for CSS development including modern layout techniques, naming conventions, theming, and maintainable stylesheet architecture
framer-motion
Expert guidelines for building performant animations with Framer Motion/Motion library in React applications
front-end-developer
Senior Front-End Developer expertise in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS, and modern UI/UX frameworks
html
Guidelines for semantic HTML markup, document structure, forms, accessibility attributes, and modern HTML best practices
htmx
HTMX development guidelines for building dynamic web applications with minimal JavaScript using HTML attributes.
lottie
Expert guidelines for implementing performant Lottie animations on the web
nextjs-react-typescript
Expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind
react-query
Guidelines for using React Query for data fetching, caching, and server state synchronization in React applications
scss-best-practices
SCSS/Sassy CSS best practices and coding guidelines for maintainable, scalable stylesheets
tailwindcss
Expert in TailwindCSS utility-first styling with responsive design patterns
vuejs-typescript-best-practices
Vue.js and TypeScript best practices for building performant applications with Vite, Pinia, VueUse, and Tailwind CSS.
frontend-dev
Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds…
react-native-dev
React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization,…
antislop-human
Human and accessibility skill for antislop. Contrast, keyboard, focus, and states for real people. Includes the contrast checker.
nextjs-cache-architecture
Use this skill whenever the user wants to design or implement caching in a Next.js 16+ App Router project — setting up the "use cache" directive, building a…
mosaic-frontend-patterns
The introduction is being prepared. Please check back soon.
react-best-practices
The introduction is being prepared. Please check back soon.
threejs
Build 3D web apps with Three.js (WebGL/WebGPU). Use for 3D scenes, animations, custom shaders, PBR materials, VR/XR experiences, games, data visualizations,…