Frontend

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

tinyvue-develop-spec

121

opentiny/tiny-vue

Skill Claude CodeCodex

Development rules for a TinyVue component library that supports Vue 2 and Vue 3, desktop browsers, and mobile-first layouts. They separate templates, reusable logic, styles, design rules, localization, and tests.

not rated 2.3k +4 7d ago A SkillSpector: pass 12 tokens original MIT

interactive-dashboard

122

ginlix-ai/LangAlpha

Skill Claude CodeCodex

Interactive web dashboards: stock trackers, sector heatmaps, portfolio monitors, served via preview URL.

not rated 2.2k +30 changed 11d ago A SkillSpector: warn 21 tokens original Apache-2.0

typeui-fundamentals

123

bergside/typeui

Skill Claude CodeCodex

Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. Use when making design decisions not covered by a specific design system, validating principle compliance, or resolving conflicts between aesthetics and accessibility.…

not rated 2.2k +20 15d ago A 65 tokens

tailwindcss

124

agentset-ai/agentset

Cursor rule Cursor

Best practices for using Tailwind CSS.

not rated 2.1k +4 9d ago A 2,753 tokens original MIT

truesheet-usage

125

lodev09/react-native-true-sheet

Skill Claude CodeCodex

Consumer-side guide for integrating @lodev09/react-native-true-sheet into a React Native app. Use this skill whenever the user wants to add, configure, control, or debug a bottom sheet using TrueSheet — including ref-based sheets, named global sheets, web support with TrueSheetProvider/useTrueSheet, React Navigation…

not rated 2.1k +2 changed 4d ago A Socket: passSnyk: passSkillSpector: warn 171 tokens original MIT

next-js

126

superglue-ai/superglue

Cursor rule Cursor

Cursor rule "next-js" from superglue-ai/superglue, covering rules, structure, ai sdk and adding npm packages/dependencies.

not rated 2.1k +1 10d ago A 362 tokens

frontend-designer

127

iannuttall/claude-agents

Agent Claude Code

Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical specifications and implementation guides for frontend development. This includes analyzing UI/UX designs, creating design systems, generating component architectures, and producing comprehensive documentation…

not rated 2.0k +1 1y ago A 385 tokens original MIT archived

start9-frontend

128

Start9Labs/start-technologies

Skill Claude Code

Start9 house style for every Angular + Taiga UI web frontend (StartOS ui/setup-wizard, StartWRT, StartTunnel, brochure-marketplace, start9-store, ops-server, support-server, start-equity). Use BEFORE writing or reviewing any frontend code in these apps — components, templates, styles/CSS, forms, dialogs/toasts…

not rated 2.0k +1 changed 6d ago A SkillSpector: warn 133 tokens original MIT

yetone/native-feel-skill

Skill Claude CodeCodex

Use when the user is designing, prototyping, or rewriting a desktop app that must run on multiple OSes (macOS + Windows, optionally Linux) AND feel indistinguishable from a native app to its users — fast launch, native windowing, native input handling, native materials. Trigger words include "cross-platform desktop"…

not rated 2.0k +6 5mo ago A 155 tokens original MIT

beui

130

starc007/ui-components

Skill Claude CodeCodex

Pick and install beUI (@beui) animated React components through public MCP or the shadcn registry. Use when building motion UI, agent/chat interfaces, toasts, docks, bottom sheets, drawers, popovers, sliders, loaders, 404 pages, or any beui.dev component. Maps user intent to exact @beui install slugs instead of…

not rated 1.9k +21 changed today A Socket: passSnyk: warnSkillSpector: warn 81 tokens original MIT

astro-developer

131

MadAppGang/dingo

Agent Claude Code

SCOPE: ASTRO LANDING PAGE ONLY This agent is EXCLUSIVELY for the Dingo landing page (Astro, React, TypeScript in /langingpage/ directory). ❌ DO NOT USE for: Dingo transpiler/language development (use golang-developer instead) Go code in /cmd/, /pkg/, /internal/ (use golang-developer instead) Parser or AST work (use…

not rated 1.9k +1 1mo ago A 753 tokens

bklit-ui

132

bklit/bklit-ui

Skill Claude Code

Install, compose, theme, and animate Bklit UI charts (the @bklit shadcn registry) in a React / Next.js app. Use when the user wants a chart, graph, or data visualization: line, area, bar, live/streaming line, composed, scatter, candlestick/OHLC, pie, ring/donut, radar, gauge, heatmap, funnel, sankey, sunburst, or…

not rated 1.9k +37 changed 6d ago A Socket: passSnyk: passSkillSpector: warn 256 tokens original MIT

sonofmagic/weapp-tailwindcss

Skill Codex

A programming integration for adding Tailwind CSS support to a custom build tool or advanced build pipeline for WeChat Mini Programs. It connects CSS conversion with tools such as Vite, Webpack, Rspack, Rollup, Rolldown, and Gulp, including file watching and hot updates.

not rated 1.9k 5d ago A SkillSpector: pass 123 tokens original MIT

kubb

134

kubb-labs/kubb

Plugin Claude Code

Bundles 2 skills, 3 commands, 1 agent · 196 tokens together

Kubb turns your API spec into type-safe code. Generate TypeScript types, Zod schemas, Axios and fetch clients, React Query and Vue Query hooks, Faker mocks and more from an OpenAPI spec. The commands run the Kubb CLI, and a bundled MCP server adds conversational generation.

not rated 1.8k +3 changed today A tokens not measured original MIT

windsurfrules

135

APIParkLab/APIPark

Cursor rule

Create detailed components with these requirements.

not rated 1.8k +2 10d ago A 521 tokens original Apache-2.0

doop

136

kgoedecke/doop

Plugin Cursor

Bundles 1 skill · 53 tokens together

Create and edit HTML designs on a shared canvas with your team and Cursor.

not rated 1.8k +531 yesterday A tokens not measured AGPL-3.0

shiny-for-python

137

posit-dev/py-shiny

Skill Claude CodeCodex

Building, styling, testing, debugging, or observing a Shiny for Python (py-shiny) reactive web app - from shiny import ..., shiny run app.py. Index skill: read this, then open the linked reference for the task. Covers dashboard design and visual QA; card toolbars and accessible icons; interactive Plotly charts and…

not rated 1.8k +2 changed 22d ago A SkillSpector: pass 218 tokens original MIT

uniwind

139

uni-stack/uniwind

Skill Claude CodeCodex

Uniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or debugging components in a React Native project that uses Uniwind classNames. Covers setup, Metro config, global.css, theming, className props, accent- color props, platform/data/state/responsive variants, CSS variables, custom utilities…

not rated 1.7k +3 changed 17d ago A Socket: passSnyk: passSkillSpector: pass 130 tokens original MIT

emil-design-eng

140

classroomio/classroomio

Skill Claude CodeCodex

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

not rated 1.7k +1 yesterday A SkillSpector: pass 35 tokens AGPL-3.0

planby

141

karolkozer/planby

Skill Claude CodeCodex

Build and edit schedule / timeline / agenda / planner / booking-grid / program-guide UIs with planby (open source) in React — any "rows x time" layout: conference and event agendas, festival line-ups, class and shift schedules, room and resource booking grids, project timelines, streaming line-ups, and TV guides /…

not rated 1.7k 2mo ago A SkillSpector: pass 180 tokens

callstackincubator/agent-skills

Skill Codex

Assesses whether and how an existing mobile product should migrate to React Native. Use when auditing one or more product repositories for migration readiness, including products whose iOS, Android, and other clients live in separate directories or repositories; choosing brownfield, greenfield, or a checkpoint-based…

not rated 1.7k +8 29d ago A Socket: passSnyk: passSkillSpector: warn 104 tokens original MIT

powergrid-theme

143

Power-Components/livewire-powergrid

Skill Claude CodeCodex

Create or update a PowerGrid v7 theme using the Theme abstract class, per-section token methods (layout/header/table/footer/cols/tabs plus filter/editable/toggleable), config themeoverrides, or ArrayTheme.

not rated 1.7k +1 changed 1mo ago A SkillSpector: pass 49 tokens original MIT

eval-graphics

144

elvisun/newsjack

Skill Claude Code needs its repo

Turn an eval study's numbers into on-brand, publish-ready figures using the Newsjack chart room (the eval design system), then validate them with Playwright. For producing the charts in a published eval/data study.

not rated 1.7k +11 yesterday A SkillSpector: pass 47 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: