Sandbox
86 repos for β€œin” Β· FrontendClear
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
incubrain/
foundry

IncuBrain Foundry is a Nuxt 4 template optimised for creating AI-native businesses

79

Kayforkind Content-Derived Design CLI. HTML in, standalone HTML out from the source's own nouns, dates, numbers, and colors. Not the reimagineit.ai interview SaaS.

126
dominikmartn/
hue

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
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
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
ilindaniel/
impeccable-lite

Stop agents from designing sloppy UI. Inspired by Impeccable, but without the plugin machinery. Just one SKILL.md file.

31

Deploy Your Frontend in a Single Command. Claude Code Skills supported.

3.7k
benjaminr/
chrome-devtools-mcp

An MCP Server for Chrome DevTools, following the Chrome DevTools Protocol. Integrates with Claude Desktop and Claude Code.

308
starwind-ui/starwind-uiFrameworks & SDKs

55 framework-portable UI components for Astro, React, and Vue. Install accessible Tailwind CSS components as source you own, backed by a shared framework-neutral Runtime.

726
plugin87/
ux-ui-agent-skills

Turn Claude into a Senior Design Architect β€” DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.

992
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

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

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
microsoft/
flint-chart

πŸͺ„ Flint is a visualization language that lets AI agents reliably create expressive, good-looking charts from simple, human-editable chart specs.

4.2k
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

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

6.4k

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

2.7k
arinspunk/
claude-talk-to-figma-mcp

A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs

657

MCP tool: let you point at DOM elements for your favorite agentic coding tool. Let AI see what you see.

596

iOS development ClaudeCode plugin for mindful token and context usage. Contains modular MCPs that group various Xcode/IDB tools based on your current workflow.

181
touchine-ojo/
OJO-Design-Skills

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

109