Frontend & Design Skills for Zed
Skills for UI work: design direction, React and web best practices, accessibility and browser testing. Every listing below works with Zed. 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 Zed
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.
Frontend Design skill 🧩 SkillFree
Guides the agent to build distinctive, production-grade UIs instead of generic "AI-looking" designs
Vercel Agent Skills 🧩 SkillFree
Vercel's Agent Skills for React, Next.js, deployment and writing
Web App Testing skill 🧩 SkillFree
Teaches the agent to test local web apps with Playwright scripts
Diagram Design 🧩 SkillOpen source
39 editorial diagram types as self-contained HTML and SVG, matched to your brand
Playwright Skill 🧩 SkillFree
Lets your coding agent write and run Playwright browser automation on the fly
Scroll Craft 🧩 SkillOpen source
Agent skill for building premium, immersive, scroll-driven websites to a real design standard
Frontend Slides 🧩 SkillOpen source
Agent skill that builds self-contained HTML slide decks and converts PowerPoint files
Auteur 🧩 SkillOpen source
Agent Skill that art-directs websites and gates them with anti-slop and motion checks
Awesome Design.md 🧩 SkillFree
73+ ready-to-drop DESIGN.md files that teach a coding agent a real brand's design system
More for Zed
🤖 Subagents for Zed (5) 🔌 MCP Servers for Zed (72) Zed review
Popular searches
- Skills for Zed
- Development workflow skills for Zed
- Community skill collections for Zed
- Document & office skills for Zed
- Official skill collections for Zed
- Science & data skills for Zed
- Subagents for Zed
- AI code review agents for Zed
- MCP servers for Zed
- Docs & code context MCP servers for Zed
- Developer tool MCP servers for Zed
- Zed alternatives