The design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend. Install: npx skills add superdesigndev/superdesign-skill. Powered by superdesign.dev
533
feature-sliced/
skills
feature-sliced/skillsSkills
AI agent skills for applying Feature-Sliced Design (FSD) v2.1 in frontend projects.
94
addyosmani/
web-quality-skills
Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.
2.8k
zanwei/design-dnaSkills
Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.
1.7k
dominikmartn/
hue
dominikmartn/hueSkills
open-source skill that learns any brand and turns it into a complete design system. works on claude code and codex. install once, every UI your assistant builds matches your brand.
829
Devesh-Shirsath/
spotkit
Devesh-Shirsath/spotkitSkills
Spotkit — a Claude Code skill that turns a feature description into minimal, abstract SVG product illustrations that all belong to one design system.
56
Hasasasa/
html-to-editable-pptx
Convert HTML slide decks to truly editable PPT / .pptx - text stays native PowerPoint textboxes, not screenshots. Agent Skill (Claude Code / Cursor / Codex / opencode) + plain Python CLI.
65
bitjaru/styleseedSkills
Open-source design-method engine for Claude Code, Codex & Cursor. 23 agent skills for fixed design judgment, multiple grammars, semantic palettes, reference compilation, and evidence-verified UI. MIT.
948
A Claude Code skill that audits AI-generated frontend and rewrites it to remove generic AI-slop design patterns (purple gradients, Inter, default shadcn). The design counterpart to avoid-ai-writing.
65
MustBeSimo/
cinematic-scroll-skill
Web Design Studio: free agent skill for distinctive websites, interactive 3D and motion. 28 live examples, art direction and accessible fallbacks. Formerly Cinematic Scroll.
34
arvindrk/
extract-design-system
Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.
208
SEO Landing: Give your AI coding agent the capabilities of a senior Technical SEO engineer. An agent skill for building high-performance, technically optimized SEO landing pages. Turn an AI coding agent into a technical SEO specialist. Build and improve landing pages with: • 🚀 100/100 Google PageSpeed target • ⚡ Core Web Vitals optimization
149