Codeium workflows

Best Windsurf skills for agent workflows.

Skills for Windsurf-style coding agents that need frontend taste, full-stack implementation, test coverage, and local project context.

48
Ranked
2.6M
Stars
100
Top fit

Workflow

Full-stack changes

Workflow

UI implementation

Workflow

Debugging and test repair

Install path

How to use skills with Windsurf

The goal is to hand your agent one reviewed skill path, not a broad directory.

  1. 01

    Pick a Windsurf skill from the ranked shortlist.

  2. 02

    Open the skill detail page and review trust, audit, repository, and install signals.

  3. 03

    Use the install command or /api/skills/{slug}/install handoff in a sandbox workflow first.

Windsurf shortlist

Skills ranked for this agent

#1

Refine

100 fitTrust 89Excellent 100@refinedev

A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

35K starsJun 5, 2026 pushProduction candidateTypeScriptDeveloper Tools
$ npx skills add refinedev/refine
#2

Open Design

93 fitTrust 89Excellent 100@nexu-io

🎨 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 Windsurf workflows.

88K starsAug 17, 2026 pushProduction candidateTypeScriptAI Agents
$ npx skills add nexu-io/open-design
#3

Vercel React Best Practices

93 fitTrust 90Excellent 100@vercel-labs

React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

32K starsAug 28, 2026 pushProduction candidateCodexClaude Code
$ npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices
#4

CopilotKit

93 fitTrust 89Excellent 100@CopilotKit

The 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 Windsurf workflows.

35K starsJun 19, 2026 pushProduction candidateTypeScriptAI Agents
$ npx skills add CopilotKit/CopilotKit
#5

Bruno

93 fitTrust 87Excellent 100@usebruno

Opensource IDE For Exploring and Testing API's (lightweight alternative to Postman/Insomnia)

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

45K starsJun 19, 2026 pushProduction candidateJavaScriptDeveloper Tools
$ npx skills add usebruno/bruno
#6

Puppeteer

92 fitTrust 85Excellent 100@puppeteer

JavaScript API for Chrome and Firefox

Excellent quality, strong shortlist, and a strong fit for Windsurf workflows.

95K starsJun 15, 2026 pushStrong shortlistTypeScriptDeveloper Tools
$ npx skills add puppeteer/puppeteer
#7

Onlook

92 fitTrust 89Excellent 100@onlook-dev

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 Windsurf workflows.

26K starsJun 9, 2026 pushProduction candidateTypeScriptFigma
$ npx skills add onlook-dev/onlook
#8

Hoppscotch

92 fitTrust 84Excellent 100@hoppscotch

Open-Source API Development Ecosystem • https://hoppscotch.io • Offline, On-Prem & Cloud • Web, Desktop & CLI • Open-Source Alternative to Postman, Insomnia

Excellent quality, strong shortlist, and a strong fit for Windsurf workflows.

80K starsJun 17, 2026 pushStrong shortlistTypeScriptDeveloper Tools
$ npx skills add hoppscotch/hoppscotch
#9

Cline

92 fitTrust 84Excellent 100@cline

Autonomous coding agent as an SDK, IDE extension, or CLI assistant.

Excellent quality, strong shortlist, and a strong fit for Windsurf workflows.

63K starsJun 16, 2026 pushStrong shortlistTypeScriptCoding Agent
$ npx skills add cline/cline
#10

Frontend Slides

92 fitTrust 87Excellent 100@zarazhangrui

Create beautiful slides on the web using a coding agent's frontend skills

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

29K starsJun 23, 2026 pushProduction candidateJavaScriptCoding Agent
$ npx skills add zarazhangrui/frontend-slides
#11

Design.Md

92 fitTrust 89Excellent 100@google-labs-code

A 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 Windsurf workflows.

16K starsJun 15, 2026 pushProduction candidateTypeScriptCoding Agent
$ npx skills add google-labs-code/design.md
#12

Lucide

91 fitTrust 85Excellent 100@lucide-icons

Beautiful & 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 Windsurf workflows.

23K starsJun 16, 2026 pushStrong shortlistTypeScriptFigma
$ npx skills add lucide-icons/lucide
#13

Semi Design

89 fitTrust 82Excellent 96@DouyinFE

🚀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 Windsurf workflows.

10K starsJun 9, 2026 pushStrong shortlistTypeScriptDesign Systems
$ npx skills add DouyinFE/semi-design
#14

Cherry Studio

84 fitTrust 90Excellent 100@CherryHQ

AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLMs

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

50K starsAug 13, 2026 pushProduction candidateTypeScriptAI Agents
$ npx skills add CherryHQ/cherry-studio
#15

Appsmith

84 fitTrust 90Excellent 100@appsmithorg

Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

41K starsSep 11, 2026 pushProduction candidateTypeScriptDeveloper Tools
$ npx skills add appsmithorg/appsmith
#16

EasySpider

84 fitTrust 89Excellent 100@NaiboWang

A visual no-code/code-free web crawler/spider易采集:一个可视化浏览器自动化测试/数据采集/网页爬虫软件,可以无代码图形化的设计和执行爬虫任务。别名:ServiceWrapper面向Web应用的智能化服务封装系统。

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

44K starsMay 22, 2026 pushProduction candidateJavaScriptCrawler
$ npx skills add NaiboWang/EasySpider
#17

Opencode

84 fitTrust 88Excellent 100@anomalyco

The open source coding agent.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

201K starsAug 24, 2026 pushProduction candidateTypeScriptCoding Agent
$ npx skills add anomalyco/opencode
#18

Jsoncrack.Com

84 fitTrust 88Excellent 100@AykutSarac

✨ 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 Windsurf workflows.

44K starsJun 15, 2026 pushProduction candidateTypeScriptCSV
$ npx skills add AykutSarac/jsoncrack.com
#19

Webapp Testing

84 fitTrust 87Excellent 100@anthropics

Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

180K starsOct 9, 2026 pushProduction candidateClaude CodeCodex
$ npx skills add anthropics/skills --skill webapp-testing
#20

Implement

84 fitTrust 87Excellent 100@mattpocock

Implement 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 Windsurf workflows.

176K starsJul 17, 2026 pushProduction candidateClaude CodeCodex
$ npx skills add mattpocock/skills --skill implement
#21

Playwright

84 fitTrust 87Excellent 100@microsoft

Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

91K starsJun 19, 2026 pushProduction candidateTypeScriptPlaywright
$ npx skills add microsoft/playwright
#22

Slidev

84 fitTrust 87Excellent 100@slidevjs

Presentation Slides for Developers

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

47K starsJun 3, 2026 pushProduction candidateTypeScriptMarkdown
$ npx skills add slidevjs/slidev
#23

Appium

84 fitTrust 92Excellent 100@appium

Cross-platform automation framework for all kinds of apps, built on top of the W3C WebDriver protocol

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

22K starsSep 11, 2026 pushProduction candidateTypeScriptTesting
$ npx skills add appium/appium
#24

It Tools

83 fitTrust 87Excellent 100@CorentinTh

Collection of handy online tools for developers, with great UX.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

39K starsJun 13, 2026 pushProduction candidateVueDeveloper Tools
$ npx skills add CorentinTh/it-tools
#25

Hey 1

83 fitTrust 89Excellent 100@slymnoyann

Hey is a decentralized and permissionless social media app built with Lens Protocol 🌿

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

29K starsMay 13, 2026 pushProduction candidateTypeScriptBlockchain
$ npx skills add slymnoyann/hey-1
#26

Oh My Claudecode

83 fitTrust 87Excellent 100@Yeachan-Heo

Teams-first Multi-agent orchestration for Claude Code

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

37K starsJun 25, 2026 pushProduction candidateTypeScriptAI Agents
$ npx skills add Yeachan-Heo/oh-my-claudecode
#27

AdGuardHome

83 fitTrust 87Excellent 100@AdguardTeam

Network-wide ads & trackers blocking DNS server

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

36K starsAug 6, 2026 pushProduction candidateGoPrivacy
$ npx skills add AdguardTeam/AdGuardHome
#28

Graphify

83 fitTrust 85Excellent 100@Graphify-Labs

A 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 Windsurf workflows.

92K starsJul 20, 2026 pushStrong shortlistPython
$ npx skills add Graphify-Labs/graphify
#29

Graphify

83 fitTrust 85Excellent 100@safishamsi

AI 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 Windsurf workflows.

91K starsJul 18, 2026 pushStrong shortlistPythonKnowledge Graph
$ npx skills add safishamsi/graphify
#30

Agent Skills

83 fitTrust 85Excellent 100@addyosmani

Production-grade engineering skills for AI coding agents.

Excellent quality, strong shortlist, and a strong fit for Windsurf workflows.

88K starsAug 14, 2026 pushStrong shortlistShellAI Agents
$ npx skills add addyosmani/agent-skills
#31

Oh My Openagent

83 fitTrust 85Excellent 100@code-yeongyu

omo/lazycodex: The coding agent for tokenmaxxers;the one and only agent harness for complex codebases. For your Codex, for your OpenCode

Excellent quality, strong shortlist, and a strong fit for Windsurf workflows.

63K starsJun 19, 2026 pushStrong shortlistTypeScriptAI Agents
$ npx skills add code-yeongyu/oh-my-openagent
#32

Crawlee

83 fitTrust 89Excellent 100@apify

Crawlee—A web scraping and browser automation library for Node.js to build reliable crawlers. In JavaScript and TypeScript. Extract data for AI, LLMs, RAG, or GPTs. Download HTML, PDF, JPG, PNG, and other files from websites. Works with Puppeteer, Playwright, Cheerio, JSDOM, and raw HTTP. Both headful and headless mode. With proxy rotation.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

26K starsSep 10, 2026 pushProduction candidateTypeScriptPlaywright
$ npx skills add apify/crawlee
#33

Front End Checklist

83 fitTrust 84Excellent 100@thedaviddias

🗂 The essential checklist for modern web development, for humans and AI agents

Excellent quality, strong shortlist, and a strong fit for Windsurf workflows.

73K starsJun 18, 2026 pushStrong shortlistMDXAI Agents
$ npx skills add thedaviddias/Front-End-Checklist
#34

Posthog

83 fitTrust 86Excellent 100@PostHog

🦔 PostHog is an all-in-one developer platform for building successful products. We offer product analytics, web analytics, session replay, error tracking, feature flags, experimentation, surveys, data warehouse, a CDP, and an AI product assistant to help debug your code, ship features faster, and keep all your usage and customer data in one stack.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

35K starsJun 16, 2026 pushProduction candidatePythonAnalytics
$ npx skills add PostHog/posthog
#35

Gitbook

83 fitTrust 87Excellent 100@GitbookIO

The open source frontend for GitBook doc sites

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

29K starsJun 16, 2026 pushProduction candidateTypeScriptMarkdown
$ npx skills add GitbookIO/gitbook
#36

NemoClaw

83 fitTrust 89Excellent 100@NVIDIA

Run agents like Hermes and OpenClaw more securely inside NVIDIA OpenShell with managed inference

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

21K starsJun 14, 2026 pushProduction candidateTypeScriptAI Agents
$ npx skills add NVIDIA/NemoClaw
#37

Coze Studio

83 fitTrust 89Excellent 100@coze-dev

An AI agent development platform with all-in-one visual tools, simplifying agent creation, debugging, and deployment like never before. Coze your way to AI Agent creation.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

21K starsApr 20, 2026 pushProduction candidateTypeScriptRAG
$ npx skills add coze-dev/coze-studio
#38

Medusa

83 fitTrust 85Excellent 100@medusajs

The world's most flexible commerce platform.

Excellent quality, strong shortlist, and a strong fit for Windsurf workflows.

34K starsJun 16, 2026 pushStrong shortlistTypeScriptCommerce
$ npx skills add medusajs/medusa
#39

Generator Jhipster

83 fitTrust 88Excellent 100@jhipster

JHipster is a development platform to quickly generate, develop, & deploy modern web applications & microservice architectures.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

22K starsJun 16, 2026 pushProduction candidateTypeScriptKubernetes
$ npx skills add jhipster/generator-jhipster
#40

Reverse Skill

83 fitTrust 87Excellent 100@zhaoxuya520

Reverse Engineering / Authorized Penetration Testing / Security Research Skill Router Pack AI-powered routing + On-demand toolchain bootstrapping + Self-evolving knowledge base Supports Claude Code, Kiro, Cursor, Cline, and other AI coding clients 逆向/渗透/安全技能路由包 - AI 自动路由 + 按需自举工具链 + 自动进化经验库 | 支持 Claude Code / Kiro / Cursor / Cline 等代码 AI 客户端

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

26K starsAug 16, 2026 pushProduction candidatePowerShellClaude Code
$ npx skills add zhaoxuya520/reverse-skill
#41

Figma Implement Design

83 fitTrust 86Excellent 100@openai

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

28K starsSep 8, 2026 pushProduction candidateCodexClaude Code
$ npx skills add openai/skills --skill figma-implement-design
#42

P5.Js

83 fitTrust 87Excellent 100@processing

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. Looking for p5.js 2.0? http://beta.p5js.org

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

24K starsJun 14, 2026 pushProduction candidateJavaScriptCreative Coding
$ npx skills add processing/p5.js
#43

Dokploy

83 fitTrust 84Excellent 100@Dokploy

Open Source Alternative to Vercel, Netlify and Heroku.

Excellent quality, strong shortlist, and a strong fit for Windsurf workflows.

36K starsJul 15, 2026 pushStrong shortlistTypeScriptDevOps
$ npx skills add Dokploy/dokploy
#44

Agentmemory

83 fitTrust 87Excellent 100@rohitg00

#1 Persistent memory for AI coding agents based on real-world benchmarks

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

23K starsJun 15, 2026 pushProduction candidateTypeScriptCoding Agent
$ npx skills add rohitg00/agentmemory
#45

Gemini CLI

83 fitTrust 82Excellent 100@google-gemini

Bring a coding agent directly into the terminal

Excellent quality, strong shortlist, and a strong fit for Windsurf workflows.

106K starsJul 19, 2026 pushStrong shortlistGeminiCLI
$ npx skills add google-gemini/gemini-cli
#46

Pi

83 fitTrust 82Excellent 100@earendil-works

AI agent toolkit: unified LLM API, agent loop, TUI, coding agent CLI

Excellent quality, strong shortlist, and a strong fit for Windsurf workflows.

63K starsJun 16, 2026 pushStrong shortlistTypeScriptCoding Agent
$ npx skills add earendil-works/pi
#47

Ag Ui

83 fitTrust 90Excellent 100@ag-ui-protocol

AG-UI: the Agent-User Interaction Protocol. Bring Agents into Frontend Applications.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

15K starsAug 8, 2026 pushProduction candidateTypeScriptAI Agents
$ npx skills add ag-ui-protocol/ag-ui
#48

Promptfoo

83 fitTrust 87Excellent 100@promptfoo

Test your prompts, agents, and RAGs. Red teaming/pentesting/vulnerability scanning for AI. Compare performance of GPT, Claude, Gemini, DeepSeek, and more. Simple declarative configs with command line and CI/CD integration. Used by OpenAI and Anthropic.

Excellent quality, production candidate, and a strong fit for Windsurf workflows.

22K starsJun 15, 2026 pushProduction candidateTypeScriptRAG
$ npx skills add promptfoo/promptfoo

FAQ

Windsurf skills FAQ

What are the best skills for Windsurf?

The current top picks include Refine, Open Design, Vercel React Best Practices. They are ranked by Windsurf workflow fit, quality, trust, adoption, and freshness.

How do I install skills for Windsurf?

Pick a Windsurf 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.

Can an agent fetch this shortlist programmatically?

Yes. Use /api/skills/search for task-driven discovery or /api/agent/recommend for full recommendation payloads with install handoff links.