13,964 tagged Frontend, measured the same way as everything else here.
Browse within: skills 136agent 126agentic-ai 98javascript 95LLM 87nextjs 78agents 63design-system 62copilot 55cli 54agentic 51claude-code-plugin 44chatgpt 43open-source 42
Skill Codex
Generate, implement, or redesign distinctive, premium web and app interfaces through product-derived art direction, visual assets, composition, typography, motion, responsive behavior, and anti-slop generation decisions. Use for frontend pages, product screens, dashboards, landing pages, design systems, UI components…
AntonioSpagnol/UI-Deslopify-Skill
Skill Claude Code
Audits and refactors vibe-coded UIs by replacing each slop element with modern 21st.dev components or equivalents with real visual character — never removes without replacing. Runs a mandatory grill-me style interview (one question at a time, with recommendations) before touching files, including brand identity and…
virgiliojr94/duolingo-ux-reference
Skill Claude CodeCodex
World-class UI/UX reference distilled from Duolingo's PUBLIC design guidelines (design.duolingo.com) — color tokens, typography rules, and UX-writing/microcopy patterns — for frontend devs. Unofficial, not affiliated with Duolingo. Use when building or reviewing UI: choosing colors, type, button/header copy…
Skill Claude CodeCodex
A webpage design tool that turns text into a standalone page with a chosen visual style. It includes more than 30 design styles and helps match text to a style.
Skill Claude CodeCodex
Update AG Grid, AG Charts and AG Studio dependencies to a newer version.
mathofdynamic/entrance-motion-skill
Skill Codex
Implement or audit calm, progressive frontend entrance motion across pages, menus, popovers, dialogs, and other transient surfaces with stable initialization, deterministic stagger, reduced-motion support, faster close transitions, and rendered-page validation. Use when adding or repairing entrance or exit reveals; do…
Skill Claude CodeCodex
Use when users want a premium, demo-worthy cinematic web experience, immersive landing page, portfolio, product showcase, or Claude-made wow-factor UI with motion, 3D, particles, WebGL, or scroll-driven storytelling.
Skill Claude CodeCodex
Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.
AmazonAppDev/devices-agent-skills
Skill Claude CodeCodex
React Native TV UI best practices for tvOS, Android TV, Fire TV, and Vega OS (covers react-native-tvos and @amazon-devices/react-native-kepler). Use when reviewing or building TV UI — focus management (TVFocusGuideView, hasTVPreferredFocus, trapFocus, FocusManager, Navigable, useTVEventHandler), D-pad / RCU…
Skill Claude CodeCodex
A Remotion-based video creation skill for defining videos with React components. Remotion is a framework that turns code into rendered video, including animations, subtitles, music visualizations, and 3D scenes.
Skill Claude CodeCodex
Opinionated guide for building data-heavy React applications — dashboards, trading UIs, analytics tools. Based on the 2025/2026 React ecosystem and our actual stack (React 19 + Vite + TypeScript + ...
module-federation/agent-skills
Skill Claude Code
All-in-one Module Federation skill. Use when the user asks anything about MF — concepts, configuration, runtime API, shared dependencies, type errors, runtime error code troubleshooting, observability/obs, slow builds, Bridge integration, or adding MF to an existing project.
Skill Claude CodeCodex
Designs and builds real, production-ready websites — landing pages, marketing sites, web apps, redesigns — with an intentional, non-templated visual identity (distinctive typography pairing, real design-token system, real spacing/color scale), then checks the build for errors, pushes to GitHub, and deploys it live.…
Skill Claude CodeCodex
Use when a user wants to choose, change, compare, or improve the FONTS / typography of their web app — ANY framework: Next.js, Vite, Astro, Remix, SvelteKit, TanStack, plain CSS ("pick a font", "these fonts look generic/AI-generated", "make the headings nicer", "what typeface should I use", "change the font"). Font…
designedbysom/accessibility-linter
Skill Claude CodeCodex
Reviews accessibility mid-design, not as a compliance audit, but as a craft challenge. Use when designing, describing, or building a UI component. Trigger on "I'm designing a component", "does this work", "review this interaction", "how should I handle focus", "is this accessible", or whenever HTML/CSS/React code is…
Skill Claude CodeCodex
Use when the user asks to set up, install, or migrate to the Unify Theme for reablocks — a production-ready theme pack built on a three-level design-token system (primitives → semantic → Tailwind utilities) synced with the Unify Figma library. Covers the single-file themeUnify.ts TypeScript download, the Reablocks…
syncfusion/blazor-ui-components-skills
Skill Claude CodeCodex
Comprehensive guide for implementing Syncfusion Blazor calendar components including Calendar, DatePicker, DateRangePicker, DateTimePicker, and TimePicker. Use this when building date selection interfaces, date range selection, date/time input, calendar displays, date constraints, formatting, globalization, and…
Skill Claude CodeCodex
Clerk authentication integration for Astro/Next.js. Use when implementing authentication, handling Clerk middleware, testing with Playwright, or debugging auth issues. Trigger phrases include "Clerk auth", "sign in", "authentication", "middleware", "E2E testing with Clerk".
Skill Claude CodeCodex
Skill for building static sites with the Astro web framework. Helps create Astro components and pages, set up content collections, optimize images, configure SEO, and deploy static builds. Use when the user needs to work with Astro, mentions .astro files, asks about static site generation (SSG), islands architecture…
Neilander/mobile-ui-replicator
Skill Claude CodeCodex
You (the agent) just got asked to turn a UI screenshot + style reference image + a written description of the app's features into a working single-file HTML demo painted in the style of the reference. This file tells you how.
crazyzlnofficial/layout-discipline
Skill Claude CodeCodex
A set of rules for keeping AI-generated web pages visually consistent, including their text sizes, spacing, alignment, cards, and colors.
HongMing-Huang/pretext-frontend-motion
Skill Claude CodeCodex
Build bold text-driven frontend demos across Accordion, Bubbles, Dynamic Layout, Variable Typographic ASCII, Editorial Engine, Justification Comparison, Rich Text, and Masonry. Use when the request needs strong frontend style, intentional typography, routed text layout, width-tight multiline UI, or kinetic typography…
Skill Codex
Review React, Next.js App Router, TypeScript, Tailwind CSS, shadcn/ui, TanStack Query, and frontend UI code. Use when reviewing a PR, branch, diff, page, component, hook, Server Action, route handler, or API client; debugging frontend behavior; assessing production readiness; or checking runtime bugs, client/server…
Skill Codex
Learn, visualize, confirm, store, and apply reusable frontend visual taste from reference webpage URLs. Use when a user asks to study, learn, save, imitate, or apply a website's style, layout, UI, typography, components, art direction, motion, or responsive behavior; when prior taste cases should inform a frontend; or…
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: