Sandbox
63 repos for frontend · Claude Code · DesignClear
sanky369/
vibe-building-skills

Open-source agent skills library for building SaaS, marketing systems, creative assets, and frontend design workflows

30
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

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

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
ohmiler/
gridgeist

Gridgeist turns product intent into a rigorous visual system—without the generic AI SaaS aftertaste.

115

Design engineering system for AI coding agents — ship UI with craft-level quality. Install as an agent skill.

323
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

The AI-native CLI-first React component library. 160+ animated, accessible, production-ready components with MCP Server support for Cursor, Claude & GitHub Copilot. Copy-paste architecture — you own the code.

1k
nateherkai/
scroll-craft

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

2.3k
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
AgriciDaniel/
banana-claude

AI image generation skill for Claude Code - Creative Director powered by Gemini

1k
plannotator/
effective-html

Agent skills for useful HTML artifacts, wireframes, interactive prototypes, plans, and diagrams.

3.1k

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

6.4k
LottieFiles/
motion-design-skill

Universal motion design principles for AI agents — timing, easing, choreography, and Disney animation principles adapted for UI

1.6k
uxKero/
anydesign

Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token system, component inventory, and reconstruction notes.

184
mdrbx/
nerv-ui
mdrbx/nerv-uiFrameworks & SDKs

Typed React command-center components, live examples, and a portable coding-agent skill.

87
Hainrixz/
open-carrusel

AI-powered Instagram carousel builder. Chat with Claude to design slides; export as PNGs at exact Instagram dimensions. Type /start in Claude Code to bootstrap.

448
YuqingNicole/
variant-design-skill

Solve the blank canvas problem. Prompt → 3 distinct designs → vary → export. A Claude Code skill inspired by the Variant design community.

46
freema/
mcp-design-system-extractor

MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.

69