Frontend

kangig94/coral

Skill Claude Code needs its repo

Launch the coral-reef dashboard (auto-install, build, and start).

LucasDuys/cinemorph

Skill Claude CodeCodex

Generate cinematic launch-video-style React presentations with shared-layout (FLIP) morph transitions between stages. Outputs live React deck, PPTX with Morph transitions, or Playwright-recorded MP4. Use when the user asks for a pitch deck, launch video, demo storyboard, kpi dashboard tour, or any cinematic…

Cavalry-Collective/visual-stack

Plugin Claude Code

Bundles 7 skills, 1 hook · 604 tokens together

Stop prompting. Start pointing. Visual Stack adds a Figma-like feedback layer to Claude Code. Create a new screen from a prompt, screenshot, reference site, or design system, or open an app you already have running. Click any element and leave feedback exactly where the problem is hiding, and Claude publishes the next.

coolxeo/a2ui-adk

Skill Claude CodeCodex

Build agents that generate rich, interactive UIs using Google's A2UI (Agent-to-User Interface) format with Google ADK (Agent Development Kit). Use when building ADK agents that need to render dynamic UI components, forms, cards, lists, or interactive elements via the A2UI declarative JSON format. Includes a Tailwind…

instantX-research/skills

Skill Claude Code

Pixel-perfect website cloner. Given a URL, faithfully reproduces the page as a single self-contained HTML file. Uses Playwright to render the page in a real browser, then directly extracts the rendered DOM + all computed CSS — no manual rewriting. Handles static HTML, JS-rendered SPAs, Webflow, Next.js, and any…

joelbarmettlerUZH/vue-mcp

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

MCP server "vue-docs-remote", hosted remotely at mcp.vue-mcp.org, as configured in joelbarmettlerUZH/vue-mcp.

Sorbh/basecoat-ui-mcp

MCP server Claude CodeCodexCursor +2

MCP server "basecoat-ui" as configured in Sorbh/basecoat-ui-mcp. Runs /absolute/path/to/basecoat-mcp/server.js with node.

giannimassi/webview-cli

Skill Claude CodeCodex needs its repo

Show a native macOS webview UI to the user and get structured input back. Use when an interactive macOS session needs human-in-the-loop for multi-field input, option selection from 5+ choices, approval with context, or content review — NOT for yes/no questions. Handles the full flow — spawning the webview, generating…

DamingDong/opencode-skills-hub

Skill Claude Code

Run accessibility audit runner operations. Auto-activating skill for Frontend Development. Triggers on: accessibility audit runner, accessibility audit runner Part of the Frontend Development skill category. Use when analyzing or auditing accessibility audit runner. Trigger with phrases like "accessibility audit…

fvckprth/remediate

Skill Claude CodeCodex needs its repo

Set up and manage the Remediate feedback widget in a React project. Install, add integrations, wire auth, test the endpoint, upgrade, scaffold a feedback dashboard, configure capture types, or cleanly uninstall.

crecorn/MODX-ClaudeSkill-

Skill Claude CodeCodex

Expert-level MODX Revolution CMS development, templating, and content management. Use this skill when building MODX websites, creating templates/chunks/snippets, configuring extras (pdoTools, MIGX, ClientConfig, SEO Suite, Image+, FormIt), writing MODX tag syntax, implementing schema markup, or troubleshooting MODX…

charlesdove977/animejs-claude-skill

Skill Claude CodeCodex

Comprehensive skill for Anime.js v4 - a fast and flexible JavaScript animation library. This skill should be used when implementing web animations, creating timelines, working with SVG animations, scroll-based animations, draggable elements, staggered effects, or any JavaScript-based animation on the web. Triggers on…

vkpriyesh/ai-stuff

Skill Claude Code

Build software with elite design principles focusing on user outcomes, trust, accessibility, and performance. Use when creating UI components, designing user flows, writing production code, reviewing code quality, or when the user mentions UX, accessibility, performance, or trust-focused development.

hubzoid/hubzoid

Skill Claude CodeCodex

Build a polished single-file HTML dashboard (charts, KPIs, tables) from data you have gathered, and save it with writeartifact so the user gets a clickable link. Use when the user asks for a chart, graph, dashboard, report, or any visual summary of numbers.

Zooeyii/ship-page-skill

Skill Claude CodeCodex

Create stunning, interactive landing pages for products, startups, and side projects — zero dependencies, single HTML file. Use this skill whenever the user wants to build a landing page, product page, launch page, marketing page, or any promotional web page for their app, tool, SaaS, open-source project, or personal…

hetpatel-11/Zap

Skill Claude CodeCodex

Customize any running Electron desktop app (Slack, Codex, VS Code, Discord, Notion, etc.) live without modifying app files. Use when the user wants to change how an Electron app looks or behaves — move panels, change fonts, hide elements, inject features, restyle UI — all applied instantly via Chrome DevTools Protocol…

seulkikaang/korean-vibe-fonts

Skill Claude CodeCodex

Recommend and apply commercially usable Korean webfonts for vibe-coded frontends, landing pages, portfolios, dashboards, editorial pages, campaign microsites, and developer UIs. Use when Codex needs to choose Korean typography by mood or tone and manner, explain why a font fits a concept, verify that the font is safe…

GlamgarOnDiscord/uxui-AI-Prompt

Skill Claude Code

Expert Senior Frontend Engineer & UI/UX Designer for premium, dark-mode SaaS interfaces and modern landing pages. Triggers on: /build, /polish, /audit, /critique, /animate, /imagify, /dials, /variant — or any request involving UI design, landing pages, dashboards, components, frontend code, design systems, or visual…

yshaish1/stitch-to-nextjs

Plugin Claude Code

Bundles 1 skill · 12 tokens together

Pixel-perfect Google Stitch designs to Next.js + Tailwind components.

brentspine/brents-toasts

Plugin Claude Code

Bundles 1 skill · 127 tokens together

Claude Skill for writing correct code against brents-toasts, a zero-dependency toast/snackbar UI library for JavaScript/TypeScript.

sumitttt4/Glyph-Skill

Skill Claude CodeCodex

A production-grade developer design-system skill for AI coding assistants. Use it to enforce strict layout constraints, typography locks, accessibility compliance, and anti-slop visual rules across generated frontends.

Payoss/UIUX-high-taste-skill

Skill Claude CodeCodex

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke…

qinghaoliqaq/AutoCoder

Skill Claude CodeCodex

Build or update UI screens, dashboards, forms, modals, and tables. Use when the subtask is primarily a frontend implementation — page layout, component composition, responsive design, interaction polish, or UI state wiring to existing APIs.

klh/speedy-claude

Skill Claude CodeCodex needs its repo

Use when creating Lit web components with TypeScript decorators, JSDoc documentation, Zod validation, and Playwright testing. Use for building reusable web components, design systems, or shareable UI elements that work across frameworks.