14,075 tagged Frontend, measured the same way as everything else here.
Browse within: skills 136agent 125agentic-ai 98javascript 95LLM 87nextjs 79agents 62design-system 62cli 55copilot 54agentic 49claude-code-plugin 44chatgpt 43open-source 43
Skill Claude CodeCodex
Distance-based pointer trail emitter craft in full — emit per path distance (not timer), sub-segment placement, ring-buffer ordering, emitter lag, idle breath, coasting, touch/reduced-motion fallbacks, cleanup. Decorative only.
Skill Claude CodeCodex
Use for ALL accessibility work — WCAG 2.2 audits of URLs or HTML, real rendered contrast checks (including text over images, pixel-level), color-pair contrast and nearest passing color, European Accessibility Act / RD 1112/2018 accessibility statements, pre-deploy regression detection (accessible names, tab order)…
Skill Claude CodeCodex
Use 2ools through its remote MCP server to turn chat-made HTML into a temporary public preview, or—after OAuth—to build, version, review, share, and export durable projects.
Skill Codex
Use CodeCrafted Design MCP to run a persistent, user-led front-end design workflow: resume a project, explore contrasting directions without auto-selection, compose multi-zone structures, guide component layout and presentation variant choices, preserve approved decisions, export tokens, review observed evidence and…
Kinglions/ui-design-to-code-mcp
Skill Claude CodeCodex
Use for UI screenshot, preview image, GPT Image mockup, Figma URL/node-id, Figma MCP node JSON, or Figma screenshot to code workflows. Prefer this skill whenever a design source is present and the user wants to decode, analyze, restore, review, or implement the UI as code for iOS, Android, Web, or other supported…
Skill Claude CodeCodex
Deep technical audit of a React codebase via the Dendro MCP server — complexity hotspots, circular deps, rerender risks, actionable recommendations. Triggers: /dendro-audit, 'audit this React codebase', 'dendro audit'.
Skill Claude CodeCodex
Build, import, edit, and publish real websites with the Unshift MCP connector. Use when the user wants to create a website, landing page, or multi-page site, rebuild or import an existing site from a URL, or edit and publish an Unshift site. Covers theme, header and footer, pages, blocks, images, live data, commerce…
Skill Codex
Content, animation and effects best practices.
daniel-dan-conrad/ui-designer-skill
Skill Claude CodeCodex
Craft one-of-a-kind, ship-ready frontend interfaces with elevated design quality. Apply this skill whenever the user wants to build web components, pages, artifacts, posters, or applications (for example, websites, landing pages, dashboards, React components, HTML/CSS layouts, or any task that involves styling or…
Skill Claude CodeCodex
Use when executing next-safe-action actions from React client components or building optimistic UI -- useAction, useOptimisticAction, useStateAction, useOptimisticStateAction, status/callbacks (onSuccess/onError/onSettled), execute vs executeAsync, formAction, reset, and queued or serialized mutations such as…
Skill Claude CodeCodex
A specialist assistant for the my-design component library, a collection of reusable interface parts for software. It uses component-library data such as APIs, examples, rules, design tokens, and change logs.
Skill Claude CodeCodex
React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure, hooks usage, accessibility, performance, and TypeScript patterns.
Skill Codex
Use this skill when an agent needs to turn structured data into a runnable Apache ECharts HTML page through the echarts-chartpage MCP server, or when it needs to validate, recommend, or patch an existing chart page spec.
OpenSIN-Code/SIN-Code-Frontend-Design-Skill
Skill Claude CodeCodex
SOTA frontend design system + philosophy (Anthropic-compatible). Loads typography, color, spacing, motion tokens; generates button/input/card/modal specs; scaffolds pages; runs WCAG 2.2 AA checks. Uses v0-pool for code generation when --use-v0 is passed.
Skill Claude CodeCodex
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…
annygabb/Orquestrador-de-Sites
Skill Codex
Orquestra a criação ou revisão de um site quando o usuário quer escolher manualmente skills e referências antes de aplicá-las ao projeto.
Skill Codex
A workflow for reading Lanhu design projects and turning their design data into user-interface code. Lanhu is a design collaboration tool; the workflow uses its read-only design interface and checks the result against the design.
Skill Claude Code needs its repo
Build a Quickbase code page (self-contained HTML/JS widget) that reads/writes data live via the classic XML API authenticated as the logged-in user — with NO user token in the page. Use when turning a .py chart/report/ETL into an in-app Quickbase widget, when asked to "make this a code page / widget," or when building…
Skill Claude CodeCodex
Build applications with React Router in Framework, Data, Declarative, and unstable RSC modes. Use when configuring routes, route modules, loaders, actions, forms, fetchers, navigation, pending UI, SSR/SPA/pre-rendering, middleware, URL params/search params, or React Router upgrades.
Skill Claude CodeCodex
SuperDesign-based visual UI guidelines (layout, theme, motion, a11y aesthetics). Use when polishing or designing presentation UI — landing pages, marketing, empty states, visual hierarchy, spacing/typography, or net-new decorative surfaces. Do NOT use alone for Lvke workbench product behavior: for web/ workbench…
Skill Claude Code
Render and open a self-contained Tailwind HTML page in HyperReader. Use for HyperReader page or code-review artifact requests.
ningyougan/deepseek-vision-mcp
Skill Codex
A visual design reader that turns UI screenshots, Figma exports, prototypes, or image links into written layout details and front-end code.
Olorinm/visual-review-workbench
Skill Claude CodeCodex
A local review page that displays the real current frontend beside implemented alternatives under matching screen conditions. A frontend is the part of an application users see and interact with.
Skill Claude Code
Project-specific frontend design skill based on the Nuxt UI and Tailwind CSS v4 design system, blending design constraints with general design methodology. Use for all UI implementation and page design tasks. Dark mode is the default theme.
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: