Sandbox
126 repos for frontend · Claude CodeClear
addyosmani/
web-quality-skills

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

2.8k
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
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
maptiler/
maptiler-skills

Coding skill for building location-aware applications across the MapTiler platform.

39
danielsogl/
lighthouse-mcp-server

MCP server that enables AI agents to perform comprehensive web audits using Google Lighthouse with 13+ tools for performance, accessibility, SEO, and security analysis.

70
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
KyuRish/
mcp-dashboards

Turn your data into interactive dashboards inside any AI client - MCP Apps powered

45

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

596

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

220
touchine-ojo/
OJO-Design-Skills

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

109
wuwangzhang1216/
DirectorSKILL

Claude Code skill for AI filmmaking — shot lists, keyframe & video prompts, with 10 director-style overlays (Spielberg, Kubrick, Wong Kar-wai, Nolan...).

89
mondaycom/vibeFrameworks & SDKs

🎨 Vibe Design System - Official monday.com UI resources for application development in React.js

675
TidyFactor/
Styler

Production-Stage Visual Design & In-Codebase UI Engineering Suite

110
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
CK42BB/
procedural-clouds-threejs

Generate beautiful procedural clouds in Three.js using WebGPU raymarching with WebGL2 billboard/mesh fallbacks.

46
dickwu/
apple-design-skill

Cross-platform UI/UX design reviewer based on Apple HIG. Works with Flutter, Tauri, Electron, React Native. Compatible with Claude Code, Cursor, Codex.

428
ilindaniel/
impeccable-lite

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

31
bstaruk/
starbase

⭐ A front-end starter kit and Claude Code boilerplate -- built on Vite 8, TypeScript 6, Tailwind 4, TanStack Router, and TanStack Query.

84
NVIDIA/elementsFrameworks & SDKs

NVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles

85
hongnoul/hwatuConnectors

Fast, interruptible verification browser for AI coding agents: 35 ms checks, pixel diffs, live human hand-off

80
jomeswang/
agnes-ai-skill

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

59