Cursor AI Skills & Rules
The largest directory of Cursor AI skills and .cursorrules. Optimize your Cursor IDE with custom rules for every framework, language, and workflow.
What Are Cursor Skills?
Cursor skills (also known as .cursorrules) are project-level instruction files that tell Cursor AI how to behave in your codebase. They enforce coding standards, prevent hallucinations, and give Cursor domain-specific knowledge about your tech stack.
- ✓Enforce consistent coding style across your team
- ✓Prevent AI hallucinations with explicit constraints
- ✓Framework-specific rules (React, Vue, Next.js, Python)
- ✓Compatible with SKILL.md and .cursorrules formats
- ✓Cross-compatible with Claude Code and Codex
- ✓Project-level and global rules supported
- ✓Community-driven with 1,000+ rules and skills
- ✓Copy-paste or install with npx skills add
Featured Cursor Skills
View all →lzcjsyr/Book2Video
The fallback workflow for authoring custom HyperFrames video compositions at any length or format — longer or multi-scene pieces, brand / sizzle reels, montages, title cards, static loops, and freeform compositions. Input- and length-agnostic. If a specialized workflow clearly fits the input — a marketed product, a website, a topic explainer, a GitHub PR, existing footage, a short motion graphic, or a Remotion port — prefer it (see /hyperframes); use this only as the general fallback when none fit.
$ npx skills add lzcjsyr/Book2Videoweb-demo-video
Make product videos from a real web app, as MP4. Two styles - a walkthrough that records the real UI being used (how-to, feature guides, support videos) and a motion-graphics promo that animates a camera, flying objects and counting numbers over high-resolution screenshots (launch, landing page,
$ npx skills add soloandco/web-demo-videoaktiva-labs/Claude-Skill-Compendium
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
$ npx skills add aktiva-labs/Claude-Skill-CompendiumAlessandroFare/fluxychat
Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand background, mock-UI visualizations, lowkey captions). Use when the user provides a changelog/digest markdown and wants the weekly video, or says "changelog video". Self-contained — fonts, background, lexicon, and scripts ship in this skill.
$ npx skills add AlessandroFare/fluxychatdiegogwork1-alt/flowboost-skills-landing
Flujo COMPLETO 2-en-1 para una landing B2B de alto ticket (servicios profesionales: legal, consultoría, agencias, asesorías) que entrega UN SOLO archivo index.html listo para desplegar, no widgets de Elementor. Sección por sección escribe primero el COPY (Ogilvy + Ecuación de Valor + Life Force 8 + PAS duplicado) y, tras la aprobación, la maqueta; al final ensambla todo en un index.html completo. Copy más corto y escaneable que la versión Elementor, con dolores concretos y resultados soñados destacados. También funciona en MODO AUDITORÍA: si se le pasa una landing ya hecha (HTML, archivo o URL) y se pide revisarla, corregirla, mejorarla o saber qué está mal, la audita contra sus propias reglas y devuelve el diagnóstico priorizado más los bloques corregidos completos; NUNCA pregunta al usuario qué cambiar, porque el criterio está en la skill. Usar cuando el usuario quiera la landing como archivo único para publicar (se encadena con publicar-landing). Para widgets de Elementor usar landing-b2b-copy-html.
$ npx skills add diegogwork1-alt/flowboost-skills-landing0-uddeshya-0/agent-skills
18 plug-and-play skills that fix specific AI agent failure modes. Works with Claude Code, Cursor, and Codex.
$ npx skills add 0-uddeshya-0/agent-skillsAndersonlimahw/lemon-ai-hub
Motion law for multi-scene videos — seam continuity (axis, direction, speed, phase), carriers, causal motion, springs and timing, camera, transitions, stillness, and loop design. Use when planning or fixing how scenes connect and move, before and during any animation build.
$ npx skills add Andersonlimahw/lemon-ai-hubAndersonlimahw/lemon-ai-hub
Short design-led motion graphics where motion is the message — kinetic typography, stat count-up, chart/data-viz reveal, logo sting, lower third or callout, animated map, tweet/news/headline card, webpage or UI walkthrough, and image-plus-data fusion. Usually under 10 s, up to about 30 s, no narration; renders to MP4 or a transparent overlay. Use when the user wants a short motion graphic, animated stat/chart/logo/map/card, or overlay; when the upstream HyperFrames `motion-graphics` skill is installed, use it for exact CLI flags and registry blocks.
$ npx skills add Andersonlimahw/lemon-ai-hubArmy161/OpenMontage
Use when the user wants a short, design-led motion graphic where motion is the message: kinetic typography, stat or number count-up, chart/data-viz hit, logo sting, brand lockup, lower-third, callout, social overlay, animated headline/tweet/news item, motion poster, or quick captured-page highlight. Usually under 10s and up to ~30s, with no narration arc, voice-over, or live-action subject. Can render to MP4 or transparent overlay. Not for longer, multi-scene, narrated, or brand-reel pieces (use general-video), narrated website videos (website-to-video), topic explainers (faceless-explainer), product promos (product-launch-video), PR videos (pr-to-video), or captions on existing footage (embedded-captions). When unsure whether it's a quick motion-first piece or a longer / narrated treatment, see /hyperframes.
$ npx skills add Army161/OpenMontageCozythecoder/frontend-design-md
Automatically detect project type, analyze intent, and apply the optimal design system from 60+ reference patterns.
$ npx skills add Cozythecoder/frontend-design-mdcoastdigitalgroup/coastai-skills
Design a systematic, highly accessible, and developer-friendly UI layout framework for code blocks, snippet showcases, multi-file code tabs, line-highlighting, diff views, and syntax token contrast in technical documentation and developer platforms.
$ npx skills add coastdigitalgroup/coastai-skillsManavarya09/design-extract
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
$ npx skills add Manavarya09/design-extractHow to Use Cursor Skills
Install with add-skill
Automatically downloads and sets up the skill in your project.
npx skills add author/skill-repo
Or add .cursorrules directly
Copy the skill content into your .cursorrules file. Cursor reads this automatically.
# Create .cursorrules in your project root cp skill-repo/SKILL.md .cursorrules
Cursor loads rules on every prompt
Cursor injects your .cursorrules into every AI interaction, ensuring consistent behavior across your entire project.