Sandbox
20 repos for frontend-design · Any agent · CodingClear
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

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

16k
zwgnr/
BaseLayer
zwgnr/BaseLayerFrameworks & SDKs

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

205

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

6.4k

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

86k
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
birdseyevue/
daisyui-mcp

🌼 A token-friendly local MCP server for DaisyUI component documentation using their public llms.txt.

79
touchine-ojo/
OJO-Design-Skills

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

109

6,500+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg

2.7k
tercumantanumut/
sunnysideFigma-Context-MCP

A comprehensive Model Context Protocol (MCP) server that bridges Figma designs with AI development workflows. It provides 30 specialized tools for extracting pixel-perfect code, assets, and component structures directly from Figma designs.

40
jomeswang/
agnes-ai-skill

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

59
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

Animated React components you own. 55 components built with TypeScript, Tailwind CSS and Motion. Copy, paste, or install with the shadcn CLI.

230
winyunq/
UnrealMotionGraphicsMCP

🚀 UE5-UMG-MCP: A deep-focused MCP for Unreal Engine UMG layout. Designed to maximize AI efficiency within limited context windows by prioritizing precision in UI structure, animations, and blueprint integration.

197
vargHQ/sdkFrameworks & SDKs

AI video generation SDK — JSX for videos. One API for Kling, Flux, ElevenLabs, Veed. Built on Vercel AI SDK.

337
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
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

Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.

4.1k