IDE agents
Skills for Cursor users who want better code generation, UI design, testing, architecture review, and project-specific workflows.
Workflow
Frontend implementation
Workflow
Code review
Workflow
Project navigation
Install path
The goal is to hand your agent one reviewed skill path, not a broad directory.
Pick a Cursor skill from the ranked shortlist.
Open the skill detail page and review trust, audit, repository, and install signals.
Use the install command or /api/skills/{slug}/install handoff in a sandbox workflow first.
Cursor shortlist
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add onlook-dev/onlook🎨 Local-first, open-source Claude Design alternative. 🖥️ Native desktop app. ⚡ 259+ Skills · ✨ 142+ Design Systems 🖼️ Web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Claude Code / OpenClaw / Codex / Cursor / OpenCode / Qwen / Copilot / Hermes / Kimi & 17+ CLIs.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add nexu-io/open-designReact and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesA React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add refinedev/refineThe developer platform for on-demand cloud development environments to create software faster and more securely.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add gitpod-io/gitpodYour agent writes bad React. This catches it
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add millionco/react-doctorFULL Augment Code, Claude Code, Cluely, CodeBuddy, Comet, Cursor, Devin AI, Junie, Kiro, Leap.new, Lovable, Manus, NotionAI, Orchids.app, Perplexity, Poke, Qoder, Replit, Same.dev, Trae, Traycer AI, VSCode Agent, Warp.dev, Windsurf, Xcode, Z.ai Code, Dia & v0. (And other Open Sourced) System Prompts, Internal Tools & AI Models
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add x1xhlol/system-prompts-and-models-of-ai-toolsThe Frontend Stack for Agents & Generative UI. React, Angular, Mobile, Slack, and more. Makers of the AG-UI Protocol
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add CopilotKit/CopilotKitPresentation Slides for Developers
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add slidevjs/slidevA tool that converts codebases, SQL schemas, and other files into queryable knowledge graphs for AI coding assistants.
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add Graphify-Labs/graphifyPre-indexed code knowledge graph for Claude Code, Codex, Gemini, Cursor, OpenCode, AntiGravity, Kiro, and Hermes Agent — fewer tokens, fewer tool calls, 100% local
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add colbymchenry/codegraphReview UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelines🗂 The essential checklist for modern web development, for humans and AI agents
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add thedaviddias/Front-End-ChecklistAutonomous coding agent as an SDK, IDE extension, or CLI assistant.
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add cline/clineCreate beautiful slides on the web using a coding agent's frontend skills
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add zarazhangrui/frontend-slidesReviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills@latest add emilkowalski/skillsTranslate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add openai/skills --skill figma-implement-designA reactive notebook for Python — run reproducible experiments, query with SQL, execute as a script, deploy as an app, and version with git. Stored as pure Python. All in a modern, AI-native editor.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add marimo-team/marimoA format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add google-labs-code/design.mdBeautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add lucide-icons/lucideAnnotate and review coding agent plans and code diffs visually, share with your team, send feedback to agents with one click.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add backnotprop/plannotatorA personal knowledge management and sharing system for VSCode
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add foambubble/foam🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design.🧑🏻💻 Design to Code in one click
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add DouyinFE/semi-designDesign and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendResearch the last 30 days across Reddit, X, YouTube, Hacker News, Polymarket, GitHub, and the web, then synthesize a grounded brief for an AI agent.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add mvanhorn/last30days-skill -gMakes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add DietrichGebert/ponytailPlatform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add appsmithorg/appsmithGuidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add anthropics/skills --skill frontend-designReview a branch or diff against repository standards and the originating spec in two independent analysis passes.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add mattpocock/skills --skill code-reviewA visual no-code/code-free web crawler/spider易采集：一个可视化浏览器自动化测试/数据采集/网页爬虫软件，可以无代码图形化的设计和执行爬虫任务。别名：ServiceWrapper面向Web应用的智能化服务封装系统。
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add NaiboWang/EasySpiderThe open source coding agent.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add anomalyco/opencodeApply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add anthropics/skills --skill brand-guidelinesApple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills@latest add emilkowalski/skillsTurn any AI agent into an AI Scientist. The #1 Agent Skills library for science, used by 160,000+ scientists worldwide. 140 ready-to-use skills plus 100+ scientific databases covering biology, chemistry, medicine, and drug discovery. Compatible with Cursor, Claude Code, Codex, Pi, Antigravity, and the open Agent Skills standard.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add K-Dense-AI/scientific-agent-skills✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML and CSV into interactive graphs.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add AykutSarac/jsoncrack.comImplement work from an approved spec or ticket set, run focused and full tests, invoke code review, and commit the result to the current branch.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add mattpocock/skills --skill implementGraphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add Egonex-AI/Understand-AnythingDaytona is a Secure and Elastic Infrastructure for Running AI-Generated Code
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add daytonaio/daytona📝A simple and elegant markdown editor, available for Linux, macOS and Windows.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add marktext/marktextOpensource IDE For Exploring and Testing API's (lightweight alternative to Postman/Insomnia)
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add usebruno/brunoCollection of handy online tools for developers, with great UX.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add CorentinTh/it-toolsHey is a decentralized and permissionless social media app built with Lens Protocol 🌿
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add slymnoyann/hey-1Lightning-fast and Powerful Code Editor written in Rust
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add lapce/lapceAI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation runtime.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add op7418/guizang-ppt-skillNetwork-wide ads & trackers blocking DNS server
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add AdguardTeam/AdGuardHomeJavaScript API for Chrome and Firefox
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add puppeteer/puppeteerAI coding assistant skill (Claude Code, Codex, OpenCode, Cursor, Gemini CLI, and more). Turn any folder of code, SQL schemas, R scripts, shell scripts, docs, papers, images, or videos into a queryable knowledge graph. App code + database schema + infrastructure in one graph.
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add safishamsi/graphifyProduction-grade engineering skills for AI coding agents.
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add addyosmani/agent-skillsFAQ
The current top picks include Onlook, Open Design, Vercel React Best Practices. They are ranked by Cursor workflow fit, quality, trust, adoption, and freshness.
Pick a Cursor skill from the ranked shortlist. Open the skill detail page and review trust, audit, repository, and install signals. Use the install command or /api/skills/{slug}/install handoff in a sandbox workflow first.
Yes. Use /api/skills/search for task-driven discovery or /api/agent/recommend for full recommendation payloads with install handoff links.