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.

opslane

650

opslane/opslane

Skill Claude Code

Work the daily Opslane digest from the repository. Use when the user mentions Opslane, asks what is broken in production, pastes an Opslane issue, or wants to fix or review a digest item.

not rated 50 +1 2d ago A 46 tokens AGPL-3.0

linuxdevel/Avalonia-skills

Skill Claude CodeCodex

Use when working with Avalonia navigation controls: TabControl (TabItem.IconTemplate 12.0+), Menu, ContextMenu, Flyout (FlyoutBase.IsOpen 12.0+), NativeMenu/NativeDock.Menu, TrayIcon, and the page-based navigation set added in 12.0 (Page, ContentPage, NavigationPage, TabbedPage, DrawerPage, CarouselPage, CommandBar).…

not rated 50 +2 changed 15d ago A 0 tokens original MIT

michelangelo

652

renatoasse/ibeia-skills

Skill Claude CodeCodex

Redesenha artefato visual (UI, documento, slide) com detector determinístico de render.

not rated 50 changed 1mo ago A 25 tokens

reel-text-usage

653

KickNext/reel_text

Skill Codex

Use when adding, reviewing, or refactoring Flutter UI that may use reeltext for compact rolling text: command feedback, async/status labels, counters, rotating short phrases, styled TextSpan phrases, WidgetSpan inline anchors, or editable inline corrections. Also use when deciding whether plain Text is better or…

not rated 50 28d ago A 69 tokens original MIT

UI/UX Designer

654

alec-c4/claude-rails-dev

Agent Claude Code

Specialist in user interface design, user experience flows, accessibility (a11y), and Tailwind CSS styling.

not rated 49 9mo ago A 28 tokens original MIT

datastar

655

maragudk/skills

Skill Claude CodeCodex

Guide for building interactive web UIs with Datastar and gomponents-datastar. Use this skill when adding frontend interactivity to Go web applications with Datastar attributes.

not rated 49 7mo ago A 37 tokens original MIT

surface

656

Aaryan-Kapoor/Surface

Plugin Claude Code

Bundles 1 skill · 79 tokens together

Surface — universal display for AI agents. Push HTML/CSS/JS to a PWA via the surface CLI; react to user clicks with surface wait. See SKILL.md.

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

expo-tailwind-setup

657

robinebers/skills

Skill Claude CodeCodex

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling.

not rated 49 4mo ago A 27 tokens

add-blocks

658

hachej/boring-ui

Skill Claude CodeCodex

Find, install, update, check and theme Boring UI registry blocks (shadcn items such as pi-chat, pi-ambient, pi-workspace, pi-app, app-shell, viewers, file-tree, documents, feedback, windows) with the boring-ui-blocks command. Use when asked to "add a chat/agent block", "install pi-app", "upgrade/update the Boring…

not rated 49 changed 9d ago A 136 tokens original MIT

maquina-ui-standards

659

maquina-app/rails-claude-code

Plugin Claude Code

Bundles 1 skill · 58 tokens together

Build consistent, accessible UIs in Rails using maquinacomponents — ERB partials styled with Tailwind CSS 4, inspired by shadcn/ui.

not rated 48 changed 21d ago A tokens not measured original MIT

build-dashboard

660

clawpod-app/awesome-openclaw-agent-packs

Skill Claude Code

Build an interactive HTML dashboard with charts, filters, and tables. Use when creating an executive overview with KPI cards, turning query results into a shareable self-contained report, building a team monitoring snapshot, or needing multiple charts with filters in one browser-openable file.

not rated 48 7mo ago A 56 tokens

astro-framework

661

delineas/astro-framework-agents

Skill Claude CodeCodex needs its repo

Astro framework specialist for building fast, content-driven websites with islands architecture. Use when creating Astro components, configuring hydration (client:load/idle/visible/media), using server:defer (server islands), Content Layer API (glob/file loaders, live loaders), sessions, astro:env, i18n routing…

not rated 48 +1 7mo ago A Socket: passSnyk: pass 101 tokens original MIT

stitch-kit

662

gabelul/stitch-kit

Plugin Claude Code

Bundles 36 skills, 1 agent, 2 hooks · 2,028 tokens together

Your agent designs terrible UI. stitch-kit wires it into Google Stitch MCP and teaches it the whole pipeline — ideation, screen generation, design systems, and production components across 7 frameworks.

not rated 48 3mo ago A tokens not measured original Apache-2.0

project-structure

663

fengkx/beancount-lsp

Cursor rule Cursor

Intro: This project is a monorepo managed by pnpm. It is a Language Server Protocol(LSP) implementation of Beancount (A plain text accounting Language).

not rated 48 29d ago A 389 tokens original MIT

design-audit

664

Kappaemme-git/codex-design-audit-skill

Skill Codex

Evaluate website, web app, landing page, or frontend implementation quality with a structured design audit and scoring grid. Use when Codex is asked to review UI design, visual hierarchy, UX, responsiveness, accessibility, performance perception, copy clarity, frontend polish, or to produce a design/frontend…

not rated 47 +1 6mo ago A 107 tokens original MIT

vtex/skills

Cursor rule Cursor

FastStore styling conventions including CSS custom properties (design tokens), SCSS modules for scoped component styles, component-level overrides using data-fs- attributes, and how to import @faststore/ui styles for new sections. Use when styling components, creating SCSS modules, overriding design tokens in…

not rated 47 23d ago A 77 tokens

bricks-builder

666

kenming/bricks-builder-skill

Skill Codex

Research, implement, modify, and audit behavior inside Bricks Builder sites using the bundled Bricks Academy corpus, stable development workflows, and version-aware verification against an authorized active Bricks installation. Use when the requested outcome concerns Bricks elements, controls, schema, hooks…

not rated 47 changed 1mo ago A SkillSpector: pass 123 tokens original MIT

hypervibe

667

flavien-ia/hypervibe-harness

Plugin Claude Code

Bundles 89 skills, 1 hook, 1 MCP server · 7,235 tokens together

Bootstrap a full-stack T3 project (Next.js + tRPC + Drizzle + Tailwind + shadcn/ui) with modular addons for database, auth, payments, email, storage, i18n, analytics, domain, and SEO. Deploys to Vercel with GitHub integration.

not rated 47 changed 17d ago A tokens not measured original Apache-2.0

core-web-vitals

668

frankxai/claude-skills-library

Skill Claude CodeCodex

Measure and hold a real performance budget on a web page — LCP, INP, CLS, bundle weight, font and image loading. Use when a change touches images, fonts, above-the-fold markup, client components, third-party scripts, or any list that can grow; when a page feels slow; or before shipping a new landing page or hero.…

not rated 47 +1 changed 23d ago A 106 tokens original MIT

scroll-reveal-video

669

TommyChryst/claude-web-animations

Skill Claude Code

Create a scroll-driven video scrub section where a video's playback position is controlled by scroll progress. Use when the user wants a scroll-scrub animation, cinematic scroll effect, video timeline scrubbing, parallax video, scroll-synced video, or wants to sync a video to scroll progress. Handles ffmpeg…

not rated 46 6mo ago A 96 tokens original MIT

bmap-jsapi-three

670

baidu-maps/jsapi-skills

Skill Claude CodeCodex

A development guide for building 3D maps and geographic information systems (GIS), software for working with location-based data, using MapV-Three.

not rated 46 2mo ago A 87 tokens

transitions-dev

671

Jakubantalik/transitions-dev

Skill Claude CodeCodex

Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, number pop-ins, text swaps, icon swaps, success checks, avatar group hovers, or error state shakes. Triggers on "add a transition", "animate the dropdown", "make…

not rated 46 5mo ago A Socket: passSnyk: pass 159 tokens original MIT

astro

672

jvgomg/podkit

Skill Claude CodeCodex

Skill for using Astro projects. Includes CLI commands, project structure, core config options, and adapters. Use this skill when the user needs to work with Astro or when the user mentions Astro.

not rated 46 +1 22d ago A SkillSpector: warn 40 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: