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.

databrickslabs/ontobricks

Cursor rule Cursor

This file documents the actual design conventions in the codebase, not aspirations. The two structural rules ("no inline CSS/JS in templates", "shared assets under front/static/") live in 05-code-style-and-structure.mdc § Frontend (HTML/CSS/JS). This file covers visual language, components, naming and asset wiring.

not rated 468 +13 changed 15d ago A 0 tokens

subframe

266

SubframeApp/subframe

Plugin Claude Code

Bundles 3 skills, 1 MCP server · 97 tokens together

Design UI for your codebase. Developers and designers can import design systems into Subframe, explore and edit pages and components, and implement designs in your app.

not rated 464 +7 changed yesterday A tokens not measured

bwfc-migration

267

FritzAndFriends/BlazorWebFormsComponents

Skill Claude CodeCodex needs its repo

Migrate ASP.NET Web Forms applications to Blazor Server using the webforms-to-blazor CLI tool and BlazorWebFormsComponents (BWFC). Orchestrates L1 automated transforms via CLI, then guides L2 contextual transforms. WHEN: "migrate aspx", "convert web forms", "web forms to blazor", "run migration". INVOKES…

not rated 455 +1 4mo ago A SkillSpector: warn 115 tokens original MIT

swiftui-iphone-duo

268

FloWritesCode/fwc-swiftui-skills

Skill Claude CodeCodex

Adapts and reviews SwiftUI apps for iPhone Duo (Xcode 27.1 / iOS 27.1 SDK) and continuously changing window sizes. Use when supporting the foldable iPhone Duo, outer or inner display, vertical bars (toolbarVerticalBehavior, axisBehavior, visibilityPriority, ToolbarOverflowMenu), sheet placement, reserved regions and…

not rated 454 +5 changed 28d ago A 127 tokens original MIT

frontend-design

269

regenrek/codex-1up

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

not rated 436 8mo ago A 43 tokens

ui-designer

270

AFK-surf/OpenBridge

Skill Claude CodeCodex

Design or restyle user interfaces using vendored DESIGN.md references from popular product and brand-inspired visual systems. Use when the user asks for UI in the style of a named reference such as Stripe, Vercel, Apple, Linear, Airbnb, Spotify, Notion, Figma, or similar; asks to match a reference design; or wants the…

not rated 433 +1 4mo ago A SkillSpector: warn 91 tokens original MIT

product-film

273

Rieranthony/product-film-skill

Skill Claude CodeCodex

Make a showreel-grade product film (landing-page loop, launch video, promo, demo reel, social cut) in code with Remotion, built on the product's own design system, components and voice. Use when someone asks for a product video, landing video, promo, launch film, explainer or "motion design video" for their app, SaaS…

not rated 424 1mo ago A 107 tokens original MIT

revealjs-skill

274

ryanbbrown/revealjs-skill

Plugin Claude Code

Bundles 1 skill · 60 tokens together

Create polished, professional reveal.js presentations with themes, multi-column layouts, callout boxes, code highlighting, animations, speaker notes, and custom styling. Generates HTML + CSS with no build step required.

not rated 419 +3 6mo ago A tokens not measured original MIT

html-widget

275

PM-Shawn/Abu-Cowork

Skill Claude Code

A guide for creating interactive visual components with HTML. These components can respond to user actions, animate ideas or display data.

not rated 419 +6 changed 10d ago A 82 tokens original Apache-2.0

feature-state-hook

276

asmyshlyaev177/state-in-url

Skill Claude CodeCodex

Define typed, module-scoped state and wrap useUrlState in a feature-scoped custom hook so unrelated React components share the same URL-synced state. Covers drawer/modal open-state, tab switching, multi-select toggles, reset/defaults semantics, and the object-identity-based sharing model. Load this skill when storing…

not rated 419 changed 8d ago A 112 tokens original MIT

kocoro-generative-ui

277

Kocoro-lab/Kocoro

Skill Claude CodeCodex

Generate interactive, inline HTML/SVG widgets (charts, diagrams, forms, dashboards, illustrations) that render in sandboxed iframes inside Kocoro Desktop chat. Use when the user asks to "visualize", "chart", "diagram", "explain visually", "show me", or when data is denser than a paragraph of prose.

not rated 415 +1 23d ago A SkillSpector: warn 82 tokens original MIT

raphael-starter

278

Idea-To-Business/raphael-starterkit-v1

Cursor rule Cursor

A Next.js starter kit built with Supabase and Creem, including sign-in, server-rendered pages, themes, subscriptions, and payments. Supabase is a hosted database and backend service; Creem handles payment-related features.

not rated 412 +2 1y ago A 1,159 tokens

vueuse-functions

279

vueuse/skills

Skill Claude CodeCodex

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

not rated 406 +4 changed 1mo ago A Socket: passSnyk: pass 24 tokens copy · 100% MIT

e2e-testing

280

ai-dashboad/flutter-skill

Skill Claude CodeCodex

AI-powered E2E testing for any app — Flutter, React Native, iOS, Android, Electron, Tauri, KMP, .NET MAUI. Connects via MCP to running apps so the agent can take screenshots, tap elements, enter text, scroll, inspect UI trees, and verify state with natural language. Use when the user wants to test an app's UI…

not rated 400 +2 2mo ago A SkillSpector: pass 107 tokens original MIT

aliyun-esa-manage

281

cinience/alicloud-skills

Skill Codex

Use when managing Alibaba Cloud ESA — deploy HTML/static sites via Pages, manage Edge Routines (ER) for serverless edge functions, use Edge KV for distributed key-value storage, configure Origin Rules for CDN proxy and origin routing, handle site management, DNS records, cache rules, and query traffic analytics via…

not rated 397 +1 2mo ago A SkillSpector: warn 116 tokens original MIT

rules.general

282

lingyuanli/MultiGen

Cursor rule Cursor

A project rule set for a Next.js application using TypeScript, React, Tailwind CSS, shadcn/ui, Radix UI, and Lucide icons.

not rated 394 +3 3mo ago A 1,653 tokens original MIT

create-wot-ui-theme

283

wot-ui/wot-starter

Skill Claude Code

A workflow for creating one SCSS file that defines and mounts a custom Wot UI theme. SCSS is a CSS format with extra features for organizing styles.

not rated 394 2mo ago A SkillSpector: pass 55 tokens original MIT

eddi-screens

284

labsai/EDDI

Skill Claude Code

How an EDDI Manager page is actually built — the app shell, the list-page pattern, detail pages, the config-editor chrome, wizards, and loading/empty/error states. Load before creating or restructuring a page.

not rated 390 +2 changed 1mo ago A 50 tokens original Apache-2.0

vueuse-functions

285

JetBrains/skills

Skill Claude CodeCodex ✓ vendor

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

not rated 389 +3 16d ago A 24 tokens

web-js-env-patcher

286

lwjjike/xbsReverseSkill

Skill Codex needs its repo

A skill for analysing and recreating the browser features that website JavaScript expects when running in Node.js. Node.js is a server-side JavaScript runtime, while browser code may depend on objects such as the DOM, storage, canvas, WebGL, workers, and network APIs.

not rated 383 +2 3mo ago A SkillSpector: pass 201 tokens original MIT

ui-aesthetics

287

kasonye/ui-aesthetics-skill

Skill Codex

Raise frontend visual judgment for web interfaces with a bias toward refined product-grade composition, precise component craftsmanship, disciplined interaction states, controlled motion, and coherent depth systems. Use in any supported agent or IDE when generating, reviewing, or refactoring UI that feels generic…

not rated 380 +9 6mo ago A 106 tokens

spark-app-template

288

github/copilot-plugins

Skill Claude CodeCodex ✓ vendor

Comprehensive guidance for building web apps with opinionated defaults for tech stack, design system, and code standards. Use when user wants to create a new web application, dashboard, or interactive interface. Provides tech choices, styling guidance, project structure, and design philosophy to get users up and…

not rated 380 +1 24d ago A SkillSpector: pass 72 tokens 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: