Frontend

20,540 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.

htmx-skill

1129

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 10 10mo ago A 58 tokens original Apache-2.0

webflow-agent-skills

1130

224-Industries/webflow-skills

Plugin Claude Code

Bundles 8 skills · 603 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 10 changed 24d ago A tokens not measured original MIT

lumpinif/frontend-ui-engineering

Skill Codex

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 10 5mo ago A 65 tokens

tdesign-vue-next

1132

yunfeizhu/TDesign-Vue-Next-Skill

Skill Claude CodeCodex

TDesign Vue 3 component library usage guide, covering tdesign-vue-next 1.x series, including basic components, forms, tables, theme customization, dark mode, and AI Chat components.

not rated 10 9mo ago A 45 tokens original MIT

community-ff-mcp

1133

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 10 4mo ago A 94 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 10 +1 1y ago A tokens not measured original MIT

designer-pro-and-seo

1135

ZachArticulateV/designer-pro-and-seo

Plugin Claude Code

Bundles 45 skills, 14 agents, 1 MCP server · 6,389 tokens together

45 Stable skills (24 Core, 18 Lite, 3 routing) for web design + SEO in Claude Code: design systems, on-brand page rendering, design tokens, build briefs, pre-delivery QA, and CMS porting, plus a full SEO suite (technical, schema, sitemap, content, GEO, hreflang, drift, local, e-commerce) with a real parallel-dispatch…

not rated 10 changed 18d ago A tokens not measured original MIT

aimeat-app-builder

1137

miikkij/aimeat-protocol

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.

not rated 10 changed 2d ago B 74 tokens original MIT

uiforge

1138

TaewoooPark/UIForge

Plugin Claude Code

Bundles 4 skills, 6 commands, 1 MCP server · 838 tokens together

Clone any website's design into clean, editable React + Tailwind, with your content. Renders a reference, extracts its full design (every color, gradient, shadow, font, box) into a Tailwind v4 theme, replays a faithful reconstruction, loops a visual diff against the original until it matches, then exports an editable…

not rated 10 +2 3mo ago A tokens not measured original MIT

bingo33-gif/motionsites-promptcapture

Skill Codex

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…

not rated 10 +1 3mo ago A 151 tokens original MIT

hugo-landing

1141

gerodp/hugo-landing-skill

Plugin Claude Code

Bundles 1 skill · 89 tokens together

Scaffold production-ready Hugo landing page + blog sites: Tailwind CSS, full SEO/JSON-LD, multilingual with hreflang, blog, analytics, and CI/CD for GitHub Pages, Cloudflare Pages, Netlify or AWS Amplify.

not rated 10 +1 5d ago A tokens not measured original MIT

kesslerio/ultimate-frontend-design-openclaw-skill

Skill Codex

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites…

not rated 10 8mo ago A 96 tokens copy · 100% Apache-2.0

spacing-skill

1143

buidangminh23/spacing-skill

Plugin Claude Code

Bundles 1 skill · 127 tokens together

Anti-cramped spacing skill for AI-generated UI — three dials, one spacing scale, vertical rhythm, optical alignment, accessibility floors, and density discipline.

not rated 10 changed 6d ago A tokens not measured original MIT

meteor

1144

meteor/agent-skills

Plugin Claude Code

Bundles 20 skills · 2,534 tokens together

Build, migrate, debug, test, secure, and deploy Meteor 3 applications.

not rated 10 changed 1mo ago A tokens not measured original MIT

uview-pro

1145

uview-pro/skills

Skill Claude CodeCodex

A component guide for uView Pro, a UI library for uni-app applications. uni-app is a Vue-based framework for building apps for mobile, web, and several mini-program platforms.

not rated 10 changed 10d ago A Socket: passSnyk: passSkillSpector: pass 271 tokens original MIT

dry.strict

1146

pylarco/diff-apply

Cursor rule Cursor

Cursor rule "dry.strict" from pylarco/diff-apply, covering do and don't.

not rated 10 1y ago A 0 tokens original MIT

strapi-plugin-dev

1147

opkod-france/opkod-claude-code-plugins

Plugin Claude Code

Bundles 1 skill, 4 commands, 1 agent, 2 hooks · 306 tokens together

Strapi v5 plugin development — Document Service API, factory patterns, RHF+Zod, TanStack Query v5. Includes auto-firing hooks (anti-pattern detection, schema validation, context injection), slash commands (/strapi-scaffold-plugin, /strapi-add-content-type, /strapi-add-cm-panel, /strapi-verify), and a strapi-reviewer…

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

ui4a

1148

mindverse-ltd/macaron-artifacts

Skill Claude CodeCodex

Build compact interactive React UI inside chat or a persistent canvas when interaction makes the response more useful.

not rated 10 changed 1mo ago A 23 tokens original Apache-2.0

respira-for-wordpress

1149

respira-press/respira-wordpress-mcp

Plugin Cursor

Bundles 1 MCP server

Read and edit a live WordPress site in its page builder's own format: Elementor, Divi, Bricks, Gutenberg and 14 more. An edit to a published page lands on a draft copy a person approves, and every write saves a snapshot first. Needs the Respira plugin on the site; there is a free trial.

not rated 10 11d ago A tokens not measured original MIT

livewire-reference

1152

olgunozoktas/livewire-alpine-skills

Skill Claude CodeCodex

Use for all Laravel Livewire work. Covers Livewire v4 components, page routes, wire directives, PHP attributes, forms, validation, uploads, pagination, tables, modals, events, islands, performance, JavaScript, Alpine integration, Volt, Pest tests, upgrades, and debugging. Use it before you create, change, review…

not rated 9 6d ago A 225 tokens

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: