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.

ai-agents-ui-skills

1801

SrulyRosenblat/skill-cards

Skill Claude CodeCodex

Comprehensive guide for building AI agents using ToolLoopAgent, workflow patterns, and AI SDK UI components (useChat, generative UIs, tool calling).

not rated 2 4mo ago A 32 tokens

clone-ai

1802

Omerfaruk-aydn/sitecloner

Cursor rule Cursor

Site Clone AI — website klonlama pipeline kuralları.

not rated 2 5mo ago A 374 tokens

glassmorphism-ui

1803

Tght1211/dream-ui

Cursor rule Cursor

A set of visual rules for building web interfaces in a glassmorphism style, which uses translucent, blurred surfaces to create a glass-like appearance.

not rated 2 8mo ago A 0 tokens

frontend-rule

1806

asunYLiu/practiceAI

Cursor rule Cursor

When designing a frontend or frontend components.

not rated 2 1y ago A 8 tokens original MIT

frontend-guardrails

1807

emilyLi2020/WAVE

Cursor rule Cursor

WAVE frontend guardrails — applies to every file under client/.

not rated 2 4mo ago A 1,358 tokens original Apache-2.0

vowel-react

1808

usevowel/skills

Skill Claude CodeCodex

Initialize vowel.to voice agent in React applications (React 19+, Next.js, TanStack Router, React Router) with complete setup including adapters, providers, hooks, and custom actions. Use when setting up voice agent integration, configuring navigation adapters, implementing custom voice actions, or integrating state…

not rated 2 5mo ago A 83 tokens

design-for-beauty

1809

cheng-zuguang/design-for-beauty

Skill Codex

A design reference guide for building or restyling websites and user interfaces using documented examples from public websites.

not rated 2 6mo ago A 90 tokens original MIT

frontend-design

1810

whyashthakker/agent-skills

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 2 7mo ago A 77 tokens

shadcn

1811

agent-skills/skills

Skill Claude CodeCodex

A tool for managing shadcn/ui, a collection of copyable user-interface components for web projects. It provides project context, component documentation, examples, and help with registries and presets.

not rated 2 6mo ago A 106 tokens

danielsebesta/skills

Skill Claude CodeCodex

Create beautiful, simple, component-driven web interfaces with the soul of 2017–2019 web design (Bootstrap, Bulma, MaterializeCSS era). Use this skill when the user wants clean, elegant, thoughtful UIs — or expresses dislike for modern over-designed trends like glassmorphism, bouncy hover animations, gradient chaos…

not rated 2 6mo ago A 167 tokens

react-i18next

1813

yildizberkay/skills

Skill Claude CodeCodex

How to implement internationalization (i18n) in React applications using react-i18next and i18next. Use this skill whenever the user wants to add multi-language support to a React app, translate UI content, set up i18next configuration, use the useTranslation hook, withTranslation HOC, Trans component, handle…

not rated 2 8mo ago A 177 tokens original Apache-2.0

p5js

1814

huidge/hermes-skills

Skill Claude CodeCodex

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems…

not rated 2 6mo ago A 152 tokens

mobx-formkit-options

1815

foxhound87/skills

Skill Claude CodeCodex

Form and field options for mobx-formkit — validation timing, error display, strict modes, debounce, data retrieval, and per-field overrides.

not rated 2 2mo ago A 35 tokens original MIT

figma-implement-design

1816

gadanihiman/grs-skills

Skill Codex

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a…

not rated 2 5mo ago A 76 tokens

textual-tui

1817

lyhcode/agent-skills

Skill Claude CodeCodex

Build terminal user interfaces (TUI) with the Python Textual framework. Use when the user wants to create a terminal app, TUI, CLI dashboard, interactive terminal tool, or any rich terminal interface using Python. Triggers on mentions of Textual, TUI, terminal UI, terminal app, terminal dashboard, ncurses alternative…

not rated 2 7mo ago A 132 tokens original MIT

zul-writer

1818

zkoss-demo/agent-skill

Skill Claude CodeCodex

Generates ZK Framework ZUL pages (.zul) through a structured 5-step workflow: requirements clarification, ZUL generation, validation, controller generation, and a rendered-image self-review. Every step also stands alone, so use this skill for a single step too — validating an existing .zul, writing the…

not rated 2 changed 2mo ago A 238 tokens

sundegan/agent-skills

Skill Claude CodeCodex

Implement custom window chrome for Tauri v2 desktop apps, including app-drawn titlebars and toolbars, borderless windows, cross-platform caption controls, drag regions, and platform-specific window-frame behavior. On macOS, preserve native red/yellow/green traffic lights and restore transparent rounded shells, native…

not rated 2 3mo ago A 146 tokens original MIT

tapcart

1820

tapcartinc/tapcart-agent-skills

Plugin Claude Code

Bundles 2 skills · 134 tokens together

AI agent skills for managing Tapcart blocks, components, dependencies, auth, and more via the Tapcart CLI.

not rated 2 8mo ago A tokens not measured

motion-web-design

1821

motionharvest/agent-skills

Skill Claude CodeCodex

Use after visual-identity is complete and a build prompt exists (from audience-site-brief). Scaffolds a Vite + GSAP + Lenis project, implements the design system, builds all page sections with choreographed animations, sources images from Unsplash, and documents video slots for Replicate. Targets Awwwards-quality…

not rated 2 4mo ago A 72 tokens

form-patterns

1822

retrip-ai/agent-skills

Skill Claude Code

React Hook Form patterns with Zod validation. Use when implementing forms, validation schemas, form state management, edit forms with unsaved changes, or array fields.

not rated 2 9mo ago A 36 tokens

landify

1824

huanyu16/agent-skills

Skill Claude CodeCodex

Generate a complete, single-file HTML landing page for any product, service, or physical store. Input: a URL / text description + optional module selection. Output: a white, clean, responsive landing page saved as .html on the user's desktop. Automatically detects industry type (SaaS/tech, food-beverage/store…

not rated 2 7mo ago A 153 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: