Frontend

slint-ui/ai-plugins

Plugin Claude Code

Bundles 1 skill · 55 tokens together

Enhances Claude's ability to work with, debug, and build Slint GUI applications.

iart-ai/kinetic-typography-skills

Plugin Claude Code

Bundles 1 skill · 95 tokens together

Kinetic typography skills for AI coding agents — animate headlines, stagger text reveals, and build lyric/title videos across CSS, GSAP, Framer Motion, and Remotion.

Ferousco-dev/anti-slop-design

Plugin Claude Code

Bundles 1 skill · 138 tokens together

Eliminates generic AI-generated design from any front-end you build or review, web or mobile. 20 reference modules: the slop taxonomy, personality axes and product registers, mobile and app-screen patterns, trust signals, data visualisation, a craft list, a pre-emit checklist and a worked example.

voidmatcha/ui-clone-skills

Plugin Claude Code

Bundles 4 skills, 6 agents, 6 hooks · 759 tokens together

Motion forensics for the animated web. Four jobs against a live URL: decode (analyse motion + build, no code), clone (URL → React + Tailwind), verify (AE/SSIM + motion-parity score vs. an existing impl), extract (raw JSON dump). Extracts real CSS and animation params (GSAP / Framer Motion / Lenis / anime.js) directly…

Dirtytrii/codex-skills

Skill Claude CodeCodex

A skill for creating presentation decks as single HTML files that work as horizontal, swipeable web pages. It includes reusable visual layouts such as chapter screens, large-number data slides, and image grids.

qinye6/pi-ccg

Skill Claude CodeCodex

Frontend design skill fused from Impeccable + custom extensions. Covers design philosophy, anti-AI-slop patterns, typography, color (OKLCH), spatial design, motion, interaction, responsive, UX writing, state management, engineering, and 4 style variants. Includes 20 command skills for audit/critique/polish/animate/etc.

talzach/mcp-angular-cli

MCP server Claude CodeCodexCursor +2

Model Context Protocol servers for Angular CLI. Runs locally from the @talzach/mcp-angular-cli npm package.

stareezy-1/frontend-architecture-skill

Skill Claude CodeCodex

A portable, framework-agnostic SEO system for any React or React Native-for-web frontend. Centralizes site metadata in one constants module, derives canonical URLs from a single base, builds per-route metadata (title, description, canonical, Open Graph, Twitter/X cards), generates sitemap.xml, robots.txt, and an RSS…

sandeep84397/agent-brain

Agent Claude Code

Frontend/Mobile Engineer. Implements UI, app logic, API integration. Follows Clean Architecture.

LeeYudok/doksam-skills

Skill Codex

A UI implementation guide for the doksam project, based on the component catalog and design rules at ui.doksam.com. It defines approved design tokens, brand profiles, components, and checks for following those standards.

Anmol-Srv/sigil

Skill Claude Code needs its repo

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…

amol-patil/html-artifact-kit

Skill Codex

Build polished, self-contained HTML artifacts. Always use for requests to create, design, improve, or validate a dashboard, report, presentation or slides, narrative document, microsite, portal, console, operational tool, webpage, quick side artifact, or any standalone HTML deliverable, even when the user does not…

creativedswork/dscode

Skill Claude CodeCodex

Build polished front-end UI together with a signature motion effect in a single self-contained HTML file, combining SVG.js / SVG filters and the Canvas 2D API. Use when the user asks to build a web page, landing page, dashboard, or component that has a special visual effect, animation, particle system, fluid/water…

Rayenbabdallah/GetMCP

Skill Claude CodeCodex

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.

projectbluefin/website

Skill Claude CodeCodex

Use when changing the /wolves/ teaser hero, Trailer 1 player, the delivered-render embed, poster, ended URL card, or trailer fidelity tests.

RealistSec/mpa-first-guidelines

Cursor rule Cursor

MPA-First Development Mandate - Strict rules for building performant, resilient Multi-Page Applications.

victor36max/use-effect-killer

Skill Claude Code

Scan React codebase for useEffect anti-patterns (derived state, event logic in effects, effect chains, prop-driven resets, missing cleanup, parent notifications, etc.) and propose idiomatic fixes. Based on React's "You Might Not Need an Effect" guide. Use when asked to audit, review, or clean up useEffect usage.

vltansky/skills

Skill Claude CodeCodex

Designer's eye visual audit of a live site — finds typography issues, spacing violations, AI slop patterns, hierarchy problems, interaction state gaps — then fixes them with atomic commits and before/after screenshots. Use when asked to 'audit the design', 'visual QA', 'design polish', 'does this look good', 'check…

instantcms-dev/instantcms-mcp

Skill Claude CodeCodex

Build or modify InstantCMS themes, template overrides, layout schemes, widget positions, and frontend/backend templates.

sciclaw/sciclaw

Skill Claude CodeCodex

Create "How X Works" deep-dive explainer websites with the curious, technical-but-accessible style of howkeyboardswork.com. Use when asked to explain how something works, create an educational single-page guide, or build an interactive explainer site on any topic.

12-Studio/Tackl

Skill Claude CodeCodex

Expert guide for WebGL API development including 3D graphics, shaders (GLSL), rendering pipeline, textures, buffers, performance optimization, and canvas rendering. Use when working with WebGL, 3D graphics, canvas rendering, shaders, GPU programming, or when user mentions WebGL, OpenGL ES, GLSL, vertex shaders…

ls1072502993/codex-skills

Skill Codex

A Vue 3 and TypeScript development skill for working on pages, components, routes, state, events, and styles. Vue is a framework for building web interfaces, and TypeScript adds type checking to JavaScript.

kyh/ai-datagrid

MCP server Claude CodeCodexCursor +2

Next.js development tools MCP server with stdio transport. Runs locally from the next-devtools-mcp npm package.

sukirman1901/frontend-expert

Cursor rule Cursor

Auto-route Frontend Expert suite skills — chat-first, judgment first, slash optional.