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

Frontend & Design Skills for Kilo Code

Skills for UI work: design direction, React and web best practices, accessibility and browser testing. Every listing below works with Kilo Code. 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 Kilo Code

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 Kilo Code

🤖 Subagents for Kilo Code (6) 🔌 MCP Servers for Kilo Code (72) Kilo Code review

Popular searches