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/onlookIDE 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-designA 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/refineReact 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-practicesThe 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-doctorSee where your AI tokens go. Interactive TUI dashboard for Claude Code, Codex, and Cursor cost observability. npx codeburn
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add getagentseal/codeburnFULL 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-toolsPre-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, production candidate, and a strong fit for Cursor workflows.
$ npx skills add colbymchenry/codegraphThe 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/graphify🗂 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/clineReview 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-guidelinesReviews 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/skillsCreate 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-slidesA 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, production candidate, and a strong fit for Cursor workflows.
$ npx skills add lucide-icons/lucideTranslate 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 personal knowledge management and sharing system for VSCode
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add foambubble/foamThe last Markdown editor, ever.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add joemccann/dillinger🚀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, production candidate, 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/ponytailReview 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-reviewTurn 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.comA 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/opencodeGuidance 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-designApply 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-guidelinesDaytona 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/brunoNetwork-wide ads & trackers blocking DNS server
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add AdguardTeam/AdGuardHomeImplement 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 implementJavaScript API for Chrome and Firefox
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add puppeteer/puppeteerGraphs 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-AnythingThere can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add toeverything/AFFiNEomo/lazycodex: The coding agent for tokenmaxxers;the one and only agent harness for complex codebases. For your Codex, for your OpenCode
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add code-yeongyu/oh-my-openagentPlatform 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/appsmithCollection 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-toolsLightning-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-skillProduction-grade engineering skills for AI coding agents.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add addyosmani/agent-skillsFAQ
The current top picks include Onlook, Open Design, Refine. 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.
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-designA 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/refineReact 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-practicesThe 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-doctorSee where your AI tokens go. Interactive TUI dashboard for Claude Code, Codex, and Cursor cost observability. npx codeburn
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add getagentseal/codeburnFULL 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-toolsPre-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, production candidate, and a strong fit for Cursor workflows.
$ npx skills add colbymchenry/codegraphThe 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/graphify🗂 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/clineReview 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-guidelinesReviews 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/skillsCreate 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-slidesA 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, production candidate, and a strong fit for Cursor workflows.
$ npx skills add lucide-icons/lucideTranslate 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 personal knowledge management and sharing system for VSCode
Excellent quality, strong shortlist, and a strong fit for Cursor workflows.
$ npx skills add foambubble/foamThe last Markdown editor, ever.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add joemccann/dillinger🚀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, production candidate, 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/ponytailReview 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-reviewTurn 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.comA 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/opencodeGuidance 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-designApply 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-guidelinesDaytona 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/brunoNetwork-wide ads & trackers blocking DNS server
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add AdguardTeam/AdGuardHomeImplement 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 implementJavaScript API for Chrome and Firefox
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add puppeteer/puppeteerGraphs 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-AnythingThere can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add toeverything/AFFiNEomo/lazycodex: The coding agent for tokenmaxxers;the one and only agent harness for complex codebases. For your Codex, for your OpenCode
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add code-yeongyu/oh-my-openagentPlatform 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/appsmithCollection 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-toolsLightning-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-skillProduction-grade engineering skills for AI coding agents.
Excellent quality, production candidate, and a strong fit for Cursor workflows.
$ npx skills add addyosmani/agent-skillsFAQ
The current top picks include Onlook, Open Design, Refine. 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.