Frontend

19,567 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.

agy-ui-director-v2

1730

shahid0/mobile-development-ai-skills

Skill Codex

Quality-first agy UI operator for rough user intent: inspect product/code context, gather web or pwm research when useful, write decisive creative briefs, run agy, review harshly, and refine until the visible Flutter, SwiftUI, or web UI is genuinely strong. Use for premium UI generation, redesigns, design systems…

not rated 2 3mo ago A 100 tokens

vue-best-practices

1731

ursazoo/vue-best-practices

Skill Claude CodeCodex

This is a Vue performance best practices knowledge base optimized for AI coding assistants.

not rated 2 7mo ago A 0 tokens original MIT

service-builder

1732

nchdatta/projectkit

Agent Claude Code

Owns src/services, src/hooks/queries and src/hooks/mutations. Use to expose a finished API endpoint to the client — entity types, service functions, TanStack Query hooks and keys.

not rated 2 28d ago A 42 tokens

tegel-lite-setup

1733

scania-digital-design-system/tegel-ui-skills

Skill Claude CodeCodex

Install, integrate, and avoid the gotchas of @scania/tegel-lite. Use when adopting tegel-lite in a new project, debugging "why does this look broken?" symptoms, or porting Tegel-Lite conventions. Covers the -tag CSS loading pattern (bundlers like Lightning CSS / Turbopack reject the package's CSS), the copy-tegel.mjs…

not rated 2 3mo ago A 116 tokens

web-shaders

1734

owenob1/web-shaders-agent-kit

Skill Claude CodeCodex

Use when writing, debugging, or reviewing shaders for the web — GLSL or WGSL, raw WebGL2/WebGPU, Three.js (ShaderMaterial/RawShaderMaterial/TSL), or React Three Fiber. Covers the language/platform matrix, correct boilerplate, common effects (SDF/raymarching, noise, post-processing), and the pitfalls that make browser…

not rated 2 2mo ago A 83 tokens original MIT

shadcn-ui

1735

Mattdgn/config_cc

Skill Claude Code

Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like…

not rated 2 5mo ago A 74 tokens

ds-to-code

1736

mariqcl/design-system-skills

Skill Claude CodeCodex

Guia designers sem experiência em código desde a instalação do Storybook até visualizar componentes do Figma funcionando como um catálogo interativo. Use esta skill quando o designer chamar explicitamente com /ds-to-code ou pedir para iniciar o fluxo de configuração do Storybook com o Figma.

not rated 2 2mo ago A 60 tokens original MIT

scaffold-feature

1737

starman69/claude-workshops

Skill Claude CodeCodex

Scaffold a new TodoMVC feature — component file, test file, and wiring — from a short description. Use when the user asks to "add feature X" and an existing file/component doesn't already own it.

not rated 2 4mo ago A 47 tokens original MIT

react-guide

1739

Alchemist85K/updose

Skill Claude Code

A skill that helps write idiomatic React components.

not rated 2 3mo ago A 0 tokens original MIT

impeccable

1740

dnsatgit/aigod

Skill Claude Code

Mandatory constraint layer enforcing 21 frontend design standards on all UI output.

not rated 2 5mo ago A 18 tokens original MIT

patternfly-vibe-coding

1741

nicolethoen/patternfly-vite-seed-app

Cursor rule Cursor

Always reference the README and markdown documentation in this repository when generating, editing, or reviewing any PatternFly (PF) code. These files contain the authoritative best practices, guidelines, and up-to-date standards for PatternFly development.

not rated 2 1y ago A 0 tokens

accessibility

1745

kendalled/cursor-rules-test

Cursor rule Cursor

Cursor rule "accessibility" from kendalled/cursor-rules-test, covering accessibility standards, semantic html, aria attributes, color and contrast and interactive elements.

not rated 2 1y ago A 0 tokens

[email protected]

1747

cmnemoi/cursor-rules

Cursor rule Cursor needs its repo

Apply Tailwind CSS v4.1 standards for modern CSS development, focusing on CSS-based configuration, updated utility/variant syntax, and removal of deprecated features when writing CSS or using Tailwind utilities in various frameworks.

not rated 2 1y ago A 0 tokens original MIT

code-standards

1748

micnigh/resume-2023

Cursor rule Cursor

Code quality and architecture standards for TypeScript/React.

not rated 2 2mo ago A 287 tokens

workstream-ui

1749

MarcTorrent/sprint-orchestrator

Cursor rule Cursor

Workstream agent for UI — App Router pages and shared components (opt-in or when editing matching files).

not rated 2 4mo ago A 0 tokens original MIT

performance

1751

lxf-keeps-learning/AI-AI-Coding

Skill Claude CodeCodex

A frontend performance-diagnosis skill for Vue 3 and TypeScript projects using Element Plus, ECharts, and the ai-kit system. It collects symptoms, identifies likely bottlenecks, and writes an optimization report and checklist.

not rated 2 23d ago A 173 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: