Best responsive design skills for Claude Code, Codex and other agents.

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

Ohh-889/skyroc

Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout and interactions, including Framer sites and animated pages.

JCodesMore/ai-website-cloner-template

Implement Google's Material Design 3 (Material You) UI system.

hamen/material-3-skill

A skill your agent uses when working on the Trilium Electron desktop app (apps/desktop) — adding or changing an electronApi method / IPC channel, touching preload.ts, main.ts, services/window.ts or…

TriliumNext/Trilium

Mobile layout skill for antislop. An agent skill from miqdadbadjuber/anti-slop.

miqdadbadjuber/anti-slop

Build, refactor, or review production-grade admin interfaces with Vue 3 + JavaScript + Ant Design Vue 4.x.

lazzyfu/goInsight

Guides semantic, accessible HTML work: pages, forms, media and HTML5 APIs, plus how to deliver a runnable webpage project with a preview.

TokenRhythm/opensquilla

End-to-end trip planning: gather user constraints, build a reference itinerary, research locations and dining signals via 大众点评 + 小红书, then generate an interactive mobile-first map page (Leaflet +…

hiyeshu/trip-map-builder

Routes frontend and UI work through design reference rulesets, with a design-system gate plus layout and print guidance, before any UI code is written.

code-yeongyu/oh-my-openagent

Local browser verification for the lobe-ui component library and documentation site.

lobehub/lobe-ui

Debug and trace ColecoVision and Super Game Module games using the Gearcoleco emulator MCP server.

drhelius/Gearcoleco

Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks.

blencorp/claude-code-kit

Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, components, responsive…

referodesign/refero_skill

A skill your agent uses when investigating a bug, failing test, or unexpected runtime behavior and the mcp-debugger MCP server is available — drives real step-through debuggers (breakpoints, stack…

debugmcp/mcp-debugger

Breakpoint-like: pause Unity at a source file:line without editing code or recompiling, and get the locals, parameters, and fields there.

hatayama/unity-cli-loop

Debug applications using the dbg CLI debugger. An agent skill from theodo-group/debug-that.

theodo-group/debug-that

A skill your agent uses when debugging UE C++ crashes, runtime bugs, or unexpected behavior with Rider MCP available.

JasonMa0012/MooaToon

Guides designing, reviewing or implementing interfaces that follow Google's Material Design 3 system: semantic tokens, component states, adaptive layout and accessibility.

skydashnet/material-design-3-ui-skill

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices.

ever-works/ever-works

Build terminal UIs with Charmbracelet (Bubble Tea, Lip Gloss, Gum).

Dicklesworthstone/meta_skill

Home Assistant frontend styling, theming, spacing, responsive layout, RTL, and View Transitions guidance.

home-assistant/frontend

A skill your agent uses whenever the user needs to log in to a website on their phone and reuse that authenticated session locally, especially for Playwright storageState JSON, cookies/localStorage…

Lakr233/Cookey

Expert capability for navigating, modifying, and extending the capemon malware monitoring codebase.

kevoreilly/capemon

Chinese-language rules for building, changing and reviewing product front ends, covering interface, interaction, state and data flow and component organization.

oil-oil/oil-frontend

Build, improve, and review production interfaces with the Better Design MCP.

marvkr/better-design

Fast headless browser for QA testing and site dogfooding. An agent skill from mr-daedalium/ostack-saas.

mr-daedalium/ostack-saas

Debug Commodore 64 programs running under the VICE emulator through its binary monitor: BASIC, cc65-compiled C, and 6502 assembly.

idolpx/meatloaf

Test website responsiveness across viewport widths using browser automation.

jezweb/claude-skills

React UI component systems with TailwindCSS + Radix + shadcn/ui.

try-works/role-model

How to add debugging capabilities to TileLang Ascend example operators.

tile-ai/tilelang-ascend

Builds tables and data grids for displaying tabular information, from simple HTML tables to complex enterprise data grids.

ancoleman/ai-design-components

Gives practical design rules for polished HTML, CSS and JavaScript interfaces and browser games, covering spacing, type, color, components, motion and responsive breakpoints.

pretend1111/claude-desktop-app

UI/UX design intelligence for web, mobile, and desktop. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Builds or restyles production UI with a clear point of view, checks the result against screenshots and responsive states, and hands document typography to other skills.

tw93/Waza

Browser automation via 70 tabz MCP tools. An agent skill from GGPrompts/TabzChrome.

GGPrompts/TabzChrome

Provides comprehensive knowledge of the OUDS Web library (Orange Unified Design System for Web), a Bootstrap-based CSS/JS framework for building Orange-branded web interfaces.

Orange-OpenSource/Orange-Boosted-Bootstrap

Implement navigation in Jetpack Compose using Navigation 3. An agent skill from new-silvermoon/awesome-android-agent-skills.

new-silvermoon/awesome-android-agent-skills

Builds 3D web scenes with Three.js and React Three Fiber, with attention to art direction, a performance budget, mobile behavior and fallbacks.

madebyaris/advance-minimax-m3-cursor-rules

Designs and reviews Android screens with attention to touch ergonomics, adaptive layouts, accessibility, state handling and an implementation handoff.

ModinMobileSTS/SlayTheAmethystModded

Fast headless browser for QA testing and site dogfooding. An agent skill from no-session/pstack.

no-session/pstack

A skill your agent uses for Cachet Tailwind CSS and UI styling: Blade utility classes, public status-page components, Filament dashboard theme work, responsive layout, dark mode, spacing…

cachethq/core

Build layouts that adapt to the iPhone Duo fold using reserved regions, division and occlusion regions, displacement patterns, and the split and overlay ArrangementView containers.

mirzaaghazadeh/iphone-duo-skills

Layout structure for web interfaces. An agent skill from Lily-404/blog.

Lily-404/blog

UI/UX design intelligence with searchable style, palette, typography, and chart databases.

c0x12c/ai-toolkit

Styles applications using Tailwind CSS v3 utilities. An agent skill from OpenLitterMap/openlittermap-web.

OpenLitterMap/openlittermap-web

Use ONLY when working in the docker-acarshub repository AND building UI -- React components, SCSS modules, theme variables, accessibility, mobile responsiveness, Catppuccin color usage, Zustand…

sdr-enthusiasts/docker-acarshub

Building dashboards in Streamlit. An agent skill from iusztinpaul/designing-real-world-ai-agents-workshop.

iusztinpaul/designing-real-world-ai-agents-workshop

Design and build game UI/UX — HUDs, menus, and overlays — that survive every screen: anchor- based responsive layout, resolution/aspect scaling and safe areas, keyboard/gamepad focus navigation, a…

ukanwat/overtime