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.

ink-wash-website

1297

qybaihe/inkview

Skill Codex needs its repo

Transform existing or new websites, web apps, landing pages, dashboards, and UI prototypes into a refined modern Chinese ink-wash / guse-guoxiang visual style. Use when Codex is asked to make a site water-ink, sumi-e, Chinese classical, oriental, guofeng, ancient elegant, xuan paper, ink brush, or to apply the bundled…

not rated 6 6mo ago A 92 tokens original MIT

coding-guidelines

1298

smeubank/cursor-template

Cursor rule Cursor

// types/index.ts export interface BusinessHour { id: number dayofweek: number opentime: string closetime: string isopen: boolean createdat: string updatedat: string }.

not rated 6 1y ago A 2,893 tokens original MIT

htmlshop

1299

robzilla1738/htmlshop

Plugin Claude Code

Bundles 1 skill · 104 tokens together

Local visual editor for HTML design files. Click elements to edit text, fonts, layout, and backgrounds. Layers panel, transform handles, carousel multi-edit, PNG/JPG export.

not rated 6 6mo ago A tokens not measured original MIT

a11y-audit

1300

Shiven0504/claude-skills-collection

Skill Claude CodeCodex

Audit and fix accessibility issues in React/Next.js components — WCAG compliance, ARIA patterns, keyboard navigation, color contrast, screen reader support, and semantic HTML. Use this skill whenever the user asks about accessibility, a11y, WCAG compliance, screen reader support, keyboard navigation, focus management…

not rated 6 7mo ago A 109 tokens original MIT

agentlink

1301

tomaspozo/agentlink

Cursor rule Cursor

AgentLink — core architecture for full-stack Supabase apps.

not rated 6 3mo ago A 747 tokens original MIT

opensesh/canvas-to-code

Plugin Claude Code

Lists 1 plugin

Single-plugin marketplace for Canvas-to-Code — translates canvas designs (HTML + screenshot) into design-system-aligned code through eleven explicit gates.

not rated 6 +1 25d ago A tokens not measured original MIT

claude-design-importer

1303

stephengpope/claude-design-importer

Plugin Claude Code

Bundles 1 skill · 87 tokens together

Convert pixel-exact design mockups (e.g. HTML from Claude's design tool) into production Tailwind / shadcn-on-Radix components that use a real token system instead of arbitrary values like text-[13.5px].

not rated 6 4mo ago A tokens not measured original MIT

x3p0-theme-patterns

1304

x3p0-dev/x3p0-skills

Skill Claude CodeCodex

WordPress block pattern conventions. Use this skill before writing, editing, or reviewing any pattern file — regardless of theme or project. Triggers on: "create a pattern", "write a pattern file", "add a pattern", "build a template pattern", or any task that produces a file under /patterns/. Read this before writing…

not rated 6 4mo ago A 82 tokens

OpenAEC-Foundation/OpenAEC-Workspace-Composer

Skill Claude Code

Use when designing Tauri 2 app architecture, choosing between IPC approaches, or planning application structure. Prevents using commands for streaming data, events for request/response, and putting business logic in the frontend. Covers commands vs events vs channels, state architecture, frontend-backend split…

not rated 6 1mo ago A 97 tokens original MIT

check-a11y

1307

Ge0rg3/vscode-prompt-studio

Skill Claude Code

Audit a page for accessibility failures and report the failing selector with its fix.

not rated 6 1mo ago A 19 tokens GPL-3.0

react-native-dev

1308

martgueritainaccurate875/skills

Skill Claude CodeCodex

React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native capabilities, and engineering (project structure, deployment, SDK upgrades, CI/CD). Use when: building React Native or Expo apps, implementing…

not rated 6 26d ago A 102 tokens copy · 95% MIT

ui-motion-workflow

1309

powehi-eu/ui-motion-workflow

Skill Codex

Orchestrate UI direction, composition, motion provider selection, implementation, and browser-proven quality for polished frontend work. Use when Codex needs to improve a visual surface with animation or interactive polish; when a request mixes design intent, component choice, browser validation, accessibility, or…

not rated 6 3mo ago A 111 tokens original MIT

remotion-video

1310

emon100/remotion-video-skill

Skill Claude CodeCodex

A way to create videos with code using Remotion, a framework where React components describe each video frame and its behavior. It supports programmatic videos, animations, subtitles, music visualisations, tutorials, 3D scenes, and data-driven content.

not rated 6 8mo ago A 200 tokens

nextjs-complete-setup

1311

darellchua2/opencode-config-template

Skill Claude CodeCodex

Complete Next.js 16 project setup with standardized architecture and comprehensive TSDoc documentation, combining project structure creation with automatic documentation standards.

not rated 6 1mo ago A SkillSpector: warn 32 tokens original Apache-2.0

super-web-design

1313

chenxihuang1028-a11y/super-web-design

Skill Codex

Premium website builds with varied heroes, React Bits backgrounds, static index.html delivery, browser QA, and chat-only feedback. Use for Super-Web-Design or advanced landing/product/media sites.

not rated 6 3mo ago A 41 tokens

frontend-design

1314

muhdaliyan/zeer

Skill Claude Code

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…

not rated 6 7mo ago A 77 tokens original MIT

accessibility

1316

Nimble-Co/nimblenomicon

Skill Claude CodeCodex

Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

not rated 6 3mo ago A 51 tokens

vue-best-practices

1318

serkodev/vue-skills

Skill Claude CodeCodex

A collection of best practices and tips for developing applications using Vue.js. This skill MUST be apply when developing, refactoring or reviewing Vue.js or Nuxt projects.

not rated 6 +1 9mo ago A 39 tokens original MIT

ui-forge

1319

DNM03/ui-forge

Skill Codex

Build or improve visually distinctive, product-specific web interfaces, from brand pages to working apps and components. Use for frontend implementation, redesign, reference-led builds, or improving generic-looking UI. Preserve existing behavior and design systems. Review without editing when asked for an audit; skip…

not rated 6 +1 changed 1mo ago A 65 tokens original MIT

ag-update

1320

ag-grid/skills

Skill Claude CodeCodex

Update AG Grid, AG Charts and AG Studio dependencies to a newer version.

not rated 6 10d ago A Socket: passSnyk: warn 17 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: