Try “Claude Code skills”, “MCP servers for Cursor” or “Codex” · Esc to close

Frontend & Design Skills for Devin Desktop (formerly Windsurf)

Skills for UI work: design direction, React and web best practices, accessibility and browser testing. Every listing below works with Devin Desktop (formerly Windsurf). Free GitHub projects and paid options are ranked together.

Updated October 2026 · 9 listings · stars refreshed daily from GitHub

How to add frontend & design skills to Devin Desktop (formerly Windsurf)

Skills follow the open Agent Skills format: a folder with a SKILL.md file. Copy the folder into the skills directory your app reads, then restart the session so the new description is picked up.

1

Frontend Design skill 🧩 SkillFree

Guides the agent to build distinctive, production-grade UIs instead of generic "AI-looking" designs

★ 179k · +1.2k this week

4

Diagram Design 🧩 SkillOpen source

39 editorial diagram types as self-contained HTML and SVG, matched to your brand

★ 43k · +671 this week

7.8 Visit ↗
5

Playwright Skill 🧩 SkillFree

Lets your coding agent write and run Playwright browser automation on the fly

★ 3.2k · +14 this week

6

Scroll Craft 🧩 SkillOpen source

Agent skill for building premium, immersive, scroll-driven websites to a real design standard

★ 2.9k · +140 this week

7

Frontend Slides 🧩 SkillOpen source

Agent skill that builds self-contained HTML slide decks and converts PowerPoint files

★ 30k · +241 this week

8

Auteur 🧩 SkillOpen source

Agent Skill that art-directs websites and gates them with anti-slop and motion checks

★ 1.0k · +4 this week

7.0 Visit ↗
9

Awesome Design.md 🧩 SkillFree

73+ ready-to-drop DESIGN.md files that teach a coding agent a real brand's design system

★ 119k · +1.3k this week

6.5 Visit ↗

More for Devin Desktop (formerly Windsurf)

🤖 Subagents for Devin Desktop (formerly Windsurf) (9) 🔌 MCP Servers for Devin Desktop (formerly Windsurf) (74) Devin Desktop (formerly Windsurf) review

Popular searches