Sandbox
44 repos for skill · Any agent · FrontendClear
JKc66/
custom-icons-skill

skill to create custom icons using IDEs or extentions that have image generation support

35
feature-sliced/
skills

AI agent skills for applying Feature-Sliced Design (FSD) v2.1 in frontend projects.

94
denoland/
skills

Deno skills for AI coding assistants. Covers using Deno as a package manager and runtime, migrating from npm/yarn/pnpm/bun, Fresh, and Deno Deploy.

98
addyosmani/
web-quality-skills

Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.

2.8k
jomeswang/
agnes-ai-skill

Agnes AI skill for text, image, and video APIs with persistent auth and OpenAI-style workflows

59

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

Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop

86k
framix-team/
skill-email-html-mjml

Claude Code skill — generate cross-client HTML email with MJML. Outlook-safe, Gmail-optimized, WCAG 2.1 AA accessible.

70
touchine-ojo/
OJO-Design-Skills

Reusable UI/UX design skills for AI coding agents — Codex, Claude Code, ZCode, and more.

109

Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.

54
iart-ai/
motion-skills

50 open-source skills that teach your AI coding agent to make motion graphics, animation & video — kinetic typography, data-viz, explainers, TikTok/Reels, WebGL, Manim. 14 installable packs. By iart.ai, the AI motion agent.

437
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
musoyangrigor/
scroll-video-website-skill

Scroll Video Website is a portable AI-agent skill that turns videos into smooth, scroll-controlled canvas experiences with optimized WebP frames, progressive loading, and responsive animation.

36
Wholiver/
swiftui-design-skill

SwiftUI Front-End Design Skills — Six Ironclad Rules Against AI Sloppiness, Design Direction Consulting, Brand Asset Guidelines, and Five-Dimensional Review. Supports all AI agent platforms, including Claude Code, Cursor, Codex, and OpenCode.

190
h3nryprod01/
design-taste

Elite frontend design taste for Claude Code / Cowork — a merged synthesis of emilkowalski/skill, pbakaus/impeccable, and leonxlnx/taste-skill. Typography, color, motion, components, anti-slop.

50
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
MohtashamMurshid/
getdesign

On-demand design systems from any URL. Five surfaces, one agent: web, API, CLI, TypeScript SDK, and a portable agent skill that runs inside Claude Code, Codex, and Cursor.

49

Agent skill that generates Apple-inspired bento grid presentation cards. For Claude Code, Codex, and any AI coding agent.

220
kubesphere/
kubesphere

The container platform tailored for Kubernetes multi-cloud, datacenter, and edge management ⎈ 🖥 ☁️

17k
strongeron/
storybook-workbench

AI agent skill bundle for Storybook on React + Vite — audit real-vs-slop components, capture flows, write CSF3 stories, ship. Claude Code / Codex / Cursor.

33
JimLiu/
baoyu-design

Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without claude.ai/design. Best with Opus 4.8.

4k