Frontend

19,552 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.

gsap-choreography

1081

Costumary/gsap-choreography

Skill Claude CodeCodex

Use when building multi-scene GSAP animations for product demos, hero walkthroughs, or scripted UI sequences in React. Covers timeline architecture, cursor choreography, scene transitions, click systems, typed text, and animation coordination across components.

not rated 9 3mo ago A 52 tokens

tago-io/mcp-server

Skill Claude CodeCodex

Author, upload, debug, and place TagoIO custom dashboard widgets (.tsx) through the TagoIO MCP server's custom-widget tools. Use when the user explicitly asks for a custom widget or asks to change the code of an existing one; native widget types are the default and are configured with createwidget/updatewidget, not…

not rated 9 1mo ago A 73 tokens

fable-design-system

1083

ajantoniou/fable-design-system

Skill Claude CodeCodex

Award-winning SaaS UI/UX design persona reconstructed from the claude-fable-5 model. Use whenever building, restyling, or extending any website, landing page, SaaS surface, component, or design system — even if the user doesn't say "design." Covers typography in two registers (serif-editorial: Instrument Serif + Inter…

not rated 9 2mo ago A 0 tokens

sigil-design-system

1084

Kevin-Liu-01/Sigil-UI

Cursor rule Cursor needs its repo

Every custom preset MUST populate ALL 33 token categories and ALL 519 fields.

not rated 9 1mo ago A 5,196 tokens original MIT

vue-best-practices

1085

FrontToEnd/agent-skills

Skill Claude CodeCodex

Vue 3 and Nuxt performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring Vue 3/Nuxt code to ensure optimal performance patterns. Triggers on tasks involving Vue components, Nuxt pages, data fetching, bundle optimization, or performance improvements.

not rated 9 7mo ago A 64 tokens original MIT

univer-integrate

1086

dream-num/univer-sdk-skills

Skill Codex

Integrate Univer (spreadsheet/doc/presentation) into React, Vue 3, HTML, or Node.js. Use when embedding Sheets/Docs/Slides, initializing instances, registering plugins, configuring themes/locales, or manipulating data via the Facade API (FUniver, FWorkbook, FWorksheet, FRange). Triggers: 'embed spreadsheet'…

not rated 9 4mo ago A 118 tokens original Apache-2.0

content-collection

1087

incluud/astro-agent-skills

Skill Claude CodeCodex

Set up and evolve Astro content collections with typed schemas and reliable querying patterns.

not rated 9 4mo ago A 19 tokens original MIT

htmx-skill

1088

DrZoot/htmx-skill

Skill Claude CodeCodex

Documentation for the htmx JavaScript library (attributes, events, headers, API, extensions, examples, migration guides, server examples). Use when you need accurate htmx syntax/behavior or to locate the right reference page for an htmx question.

not rated 9 8mo ago A 58 tokens original Apache-2.0

webflow-agent-skills

1089

224-Industries/webflow-skills

Plugin Claude Code

Bundles 5 skills · 293 tokens together

Ship solutions for and with Webflow. This plugin provides a collection of skills to help you integrate and automate tasks related to Webflow, including webhook management, designer api tasks, and more.

not rated 9 1mo ago A tokens not measured original MIT

agent-skills

1090

CloudCannon/agent-skills

Plugin Claude Code

Bundles 9 skills · 610 tokens together

Agent skills for CloudCannon sites: migrating an SSG site onto CloudCannon, configuration, visual editing, snippets, multilingual setup with Rosey, and AI translation.

not rated 9 changed 9d ago A tokens not measured

lumpinif/frontend-ui-engineering

Skill Claude CodeCodex

Modern frontend UI engineering guidelines for building and reviewing clear, accessible, maintainable product interfaces. Use when creating, modifying, or reviewing UI components, pages, layouts, HTML, CSS, JavaScript, TypeScript, accessibility, responsive behavior, interaction states, motion, performance, or frontend…

not rated 9 3mo ago A 65 tokens

html

1092

nsmith/html

Plugin Claude Code

Bundles 1 skill · 147 tokens together

Publish single-page HTML to the public web instantly via ht-ml.app — create, update, upload assets, optional password protection, and 20 ready-made page templates.

not rated 9 2mo ago A tokens not measured

raycast

1093

adriangrantdotorg/Raycast-Skill

Skill Claude CodeCodex

Best practices and workflows for developing and modifying Raycast Extensions (React/Node). Use when the user asks to create, update, or troubleshoot a Raycast extension, whether it interfaces with external APIs (Notion, Spotify) or executes local scripts (AppleScript, Keyboard Maestro).

not rated 9 6mo ago A 59 tokens original Apache-2.0

smithers-webui

1095

smithersai/webui

Skill Claude CodeCodex

Render rich React + MDX UIs in a browser window for the user. Pipe MDX via stdin in a single tool call — no temp files. Use when presenting plans, diffs, tables, comparisons, dashboards, or anything where markdown-in-terminal would be lossy.

not rated 9 4mo ago A 61 tokens

community-ff-mcp

1096

mohn93/ff-mcp

Skill Claude CodeCodex

Teaches AI assistants how to develop FlutterFlow apps using MCP tools. Use this skill when working with FlutterFlow projects, editing FF YAML, creating or inspecting pages and components, reading project configuration, or navigating FlutterFlow widget trees. It covers all 25 MCP tools for discovery, reading, editing…

not rated 9 2mo ago A 94 tokens original MIT

XiangyuSu611/obsidian-theme-designer

Skill Claude CodeCodex

Use when the user wants to design, preview, or customize an Obsidian vault theme — including choosing styles, comparing color schemes, adjusting typography, or generating CSS snippets. Triggers on keywords like "Obsidian theme", "color scheme", "CSS snippet", "appearance".

not rated 9 4mo ago A 63 tokens original MIT

grafana-ui-mcp-server

1098

grafana/grafana-ui-mcp-server

MCP server Claude CodeCodexCursor +2 ✓ vendor

A comprehensive Model Context Protocol (MCP) server for Grafana UI components. Provides AI assistants with complete access to 200+ React components, rich MDX documentation, Storybook stories, test files, design system tokens, and dependency analysis from. Runs locally from the @shelldandy/grafana-ui-mcp-server npm…

not rated 9 2d ago A tokens not measured original MIT

using-ds-pilot

1099

lyse-labs/ds-pilot

Skill Claude CodeCodex

Use when creating or modifying UI components — always check the design system for existing components and tokens before writing code.

not rated 9 4mo ago A 27 tokens original MIT

agentience/react-design-systems-mcp

MCP server Claude CodeCodexCursor +2

Model Context Protocol (MCP) server that provides comprehensive information about design systems created for React, currently focusing on AWS Cloudscape Design System. Runs locally from the @agentience/react-design-systems-mcp npm package.

not rated 9 1y ago A tokens not measured original MIT

web-anatomy

1102

GabrielAmz/web-anatomy

Plugin Claude Code

Bundles 7 skills, 1 MCP server · 1,353 tokens together

Skills for your AI agent to audit, rewrite, and build landing pages that convert, grounded in a scored benchmark of real pages.

not rated 9 +1 2mo ago A tokens not measured original MIT

aether-aesthetics

1103

takzen/aether-agent

Skill Claude CodeCodex

Skill "aether-aesthetics" from takzen/aether-agent, covering skill: aether aesthetics, główne zasady (design tokens), 1. paleta kolorystyczna (modern hsl), 2. glassmorphism (efekt szklany) and 3. animacje (framer motion).

not rated 9 +1 6mo ago A 0 tokens original Apache-2.0

rn-launch-harness

1104

tjdrhs90/rn-launch-harness

Plugin Claude Code

Bundles 17 skills · 497 tokens together

React Native app development harness — from market research to store submission. Automates the entire mobile app lifecycle: ideation, planning, design, development, AdMob integration, EAS build, screenshots, and App Store / Google Play submission.

not rated 9 changed 8d ago A tokens not measured original MIT

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: