Sandbox
74 repos for frontend · 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

MCP server to provide Figma layout information to AI coding agents like Cursor

16k
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
JKc66/
custom-icons-skill

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

35
zwgnr/
BaseLayer
zwgnr/BaseLayerFrameworks & SDKs

Re-usable multi part components built on React Aria and TailwindCSS.

205
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