14,027 tagged Frontend, measured the same way as everything else here.
Browse within: skills 138agent 128agentic-ai 98javascript 95LLM 87nextjs 78agents 63design-system 62cli 55copilot 55agentic 51claude-code-plugin 45chatgpt 43open-source 42
Skill Claude Code needs its repo
Orchestrates end-to-end Figma-to-React conversion pipeline with enforced TDD, automated pixel-diff visual QA, E2E testing, and app-type awareness (web apps, Chrome extensions, PWAs). Keywords: Figma to React, design tokens, autonomous component generation, Figma conversion, Tailwind config, component library, TDD…
chyinan/terminal-ui-design-system
Skill Claude CodeCodex
Create terminal-inspired UI interfaces with macOS-style window decorations, monospace typography, and a warm color palette. Use this skill when building developer tools, code marketplaces, technical documentation sites, or any interface that benefits from a terminal/command-line aesthetic. Provides complete design…
thisisAhsanIqbal/nextjs-seo-audit
Skill Claude CodeCodex
Audits HTML patterns that affect Core Web Vitals (LCP, CLS, INP). Checks for layout shift causes, largest contentful paint blockers, and interaction responsiveness issues. Use when optimising page performance or fixing Google PageSpeed Insights warnings.
Skill Claude CodeCodex
Build and publish AIMEAT apps. This OpenHands is wired to an AIMEAT node over MCP (the aimeat tools). When the user asks to build, make, or publish an app, a game, a tool, or anything "on AIMEAT" / "to aimeat.io", follow the workflow below.
hummusonrails/arbitrum-dapp-skill
Skill Claude CodeCodex needs its repo
Opinionated guide for building dApps on Arbitrum using Stylus (Rust) and/or Solidity. Covers local devnode setup, contract development, testing, deployment, and React frontend integration with viem. Use when starting a new Arbitrum project, writing Stylus or Solidity contracts, deploying to Arbitrum, or building a…
Skill Claude CodeCodex
Guidance for writing, reviewing, and refactoring SolidJS 1.x code using idiomatic APIs and reactivity patterns. Use this whenever the user is working in SolidJS 1.x and asks for help with components, signals, props, memos, effects, stores, control flow, or why a Solid component is not updating correctly. Also use it…
SuanFishXYY/suanfish-design-system
Skill Claude CodeCodex
A Chinese design system for creating and reviewing web interfaces, with multiple design perspectives working together. It focuses on React and Tailwind-based projects.
Skill Claude CodeCodex
Implement anticipatory UI — interfaces that react to pointer intent before the click. Three patterns: a proximity focus ring that warms as the cursor nears a field, a magnetic target that leans toward the cursor, and trajectory prediction that arms/prefetches the element the cursor is heading toward. Use this skill…
Skill Claude CodeCodex
Search Adobe Fonts (Typekit) families, create and manage web kits/projects, and return ready-to-use embed snippets plus CSS font-family values. Use when the user asks to find Adobe fonts, compare font options, set up Typekit for a website, add fonts to kits, publish kits, or generate copy/paste font embed metadata for…
Sandgrouse/adobe-express-dev-skill
Skill Claude CodeCodex
Adobe Express environment essentials, two-runtime architecture, project setup, and MCP server configuration. Use when starting add-on development, understanding iframe vs sandbox boundaries, configuring MCP servers, setting up local projects, or validating manifest configuration.
Skill Claude CodeCodex
Use VULK to generate, edit, inspect, and deploy immersive web projects from Codex.
Skill Claude Code
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page…
Skill Claude CodeCodex
Implements LogosDX patterns for DOM manipulation, HTTP clients, lifecycle hooks, events, state machines, storage adapters, i18n/localization, and React context hooks. Use when tasks involve LogosDX libraries or code that imports from any logosdx scoped package. Trigger on any mention of HookEngine, FetchEngine…
Skill Claude CodeCodex
Guidance on writing fast, robust, modern Svelte code. Load this skill whenever in a Svelte project and asked to write/edit or analyze a Svelte component or module. Covers reactivity, event handling, styling, integration with libraries and more.
yuqizhang1228-blip/AI-color-system
Skill Claude CodeCodex
A brand-based UI colour system covering brand, background, text, and semantic colours, with light and dark modes, accessibility checks, and platform token names.
schalkneethling/webdev-agent-skills
Skill Claude CodeCodex
Write well-considered semantic HTML that serves all users. Use when creating components, page structures, or reviewing markup. Emphasizes native HTML elements over ARIA. Treats proper document structure and accessibility as foundations rather than afterthoughts.
Skill Claude CodeCodex
Use this skill when building, debugging, or answering questions about Liveblocks. Liveblocks gives you the building blocks and infrastructure to enable people and AI to work together inside your app, powering realtime collaboration. Liveblocks features include collaboration, rooms, organizations, workspaces, comments…
Skill Codex
Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG…
bingo33-gif/motionsites-promptcapture
Skill Claude CodeCodex
Use when the user asks to create a website (landing page, SaaS site, portfolio, agency site, hero section, etc.) and mentions UI design, or explicitly asks to find website prompts from motionsites.ai. Go to https://motionsites.ai, find the most relevant prompt template for the user's request, and deliver the prompt…
Skill Claude CodeCodex
Design and build "instrument-grade" UI — marketing pages AND in-product surfaces (app pages, dashboards, panels, subpanels) that read like the product itself, not like a template. Distilled from the sectorRRG "The Instrument" landing redesign: dark editorial ground, single-accent color discipline, serif display +…
Skill Claude CodeCodex
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
Skill Claude CodeCodex
Marco's TypeScript and React conventions, extracted from 748 authored commits and confirmed by a 69-question style interview. Invoke before writing or reviewing substantial TS/TSX, when scaffolding a new module, when writing tests, or when a reviewer disagrees with a style choice. Covers components, hooks, types…
LingYuYue1/st-compatible-independent-rp-app-builder
Skill Codex
A guide for building standalone role-playing and storytelling applications from character cards, including cards made for SillyTavern, a role-playing chat application.
Skill Claude CodeCodex
A user-interface design guide that starts with the user's task, the product, its content, and available visual references.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: