14,046 tagged Frontend, measured the same way as everything else here.
Browse within: skills 138agent 128agentic-ai 98javascript 95LLM 87nextjs 78agents 63design-system 62cli 55copilot 55agentic 51claude-code-plugin 45chatgpt 43open-source 42
solinkz/micro-interactions-skill
Skill Claude CodeCodex
Expert micro-interaction architect for mobile apps, web applications, and responsive websites. Use this skill when the user asks to add, build, fix, audit, or consult on micro-interactions, animations, transitions, motion design, gesture feedback, haptics, loading states, skeleton screens, pull-to-refresh, swipe…
yunfeizhu/TDesign-Vue-Next-Skill
Skill Claude CodeCodex
TDesign Vue 3 component library usage guide, covering tdesign-vue-next 1.x series, including basic components, forms, tables, theme customization, dark mode, and AI Chat components.
Skill Claude CodeCodex
Build or improve SolidJS components with deterministic reactivity decisions and citation-backed guidance. Use when implementing a component, feature slice, or reusable UI primitive in SolidJS.
sanhuang520-ship-it/awesome-chinese-ai-tools
Skill Claude CodeCodex
A skill for creating Chinese-style real-time 3D web visuals with Three.js, a JavaScript library for displaying 3D graphics in a browser. It focuses on ink-wash, blue-green landscape, mural, paper-cut, and other non-realistic styles.
Skill Claude CodeCodex
A component guide for uView Pro, a UI library for uni-app applications. uni-app is a Vue-based framework for building apps for mobile, web, and several mini-program platforms.
mindverse-ltd/macaron-artifacts
Skill Claude CodeCodex
Build compact interactive React UI inside chat or a persistent canvas when interaction makes the response more useful.
Skill Claude CodeCodex
Run a WCAG accessibility audit on a web page. Checks heading hierarchy, landmark regions, colour contrast, ARIA attributes, keyboard navigation, target size and the WCAG 2.2 additions. Use when the user wants to check, test, or audit accessibility (a11y) on a URL or the current page.
Core-Mate/Pixel-Perfect-Web-Replica
Skill Claude CodeCodex
Recreate public frontend pages locally with high visual fidelity. Use when the user asks Codex or Claude Code to pixel-perfect clone, mirror, study, sandbox, reproduce, or locally run a public website/page; capture its static assets; preserve layout, scroll animations, media, typography, and interactions; compare…
Skill Claude CodeCodex
Build scroll-driven 3D web experiences that stay fast, indexable, and genuinely usable on mid-range phones. Use when the work involves scroll animation, parallax 3D effects, a Three.js scene, a GLTF or GLB model on a page, scrollytelling, a product page with 3D rotation, an animated hero, GSAP ScrollTrigger…
Skill Codex needs its repo
Use for Electron desktop application implementation, local packaging, and macOS Electron installer builds in GitHub Actions. Covers secure IPC, preload and multi-process architecture, electron-builder/Forge configuration, native modules, signing/notarization setup, DMG/ZIP packaging, mounted packaged smoke, and macOS…
olgunozoktas/livewire-alpine-skills
Skill Claude CodeCodex
Use for all Laravel Livewire work. Covers Livewire v4 components, page routes, wire directives, PHP attributes, forms, validation, uploads, pagination, tables, modals, events, islands, performance, JavaScript, Alpine integration, Volt, Pest tests, upgrades, and debugging. Use it before you create, change, review…
alphaparkinc/genpark-vision-coder
Skill Claude CodeCodex
Converts UI screenshots directly into clean HTML and Tailwind CSS code in seconds. No monthly subscription required.
Skill Claude CodeCodex
Reviews UI code and components for WCAG 2.1 accessibility violations and provides specific fixes.
Skill Claude CodeCodex
Bootstrap a SvelteKit + DryUI project using skill-led inspection and explicit file/package edits. Works for new projects, existing SvelteKit apps, and brownfield repos.
Skill Claude CodeCodex
Use this skill for Flux UI development in Livewire applications only. Trigger when working with components, building or customizing Livewire component UIs, creating forms, modals, tables, or other interactive elements. Covers: flux: components (buttons, inputs, modals, forms, tables, date-pickers, kanban, badges…
alphaparkinc/openclaw-genpark-talktoreview-widget
Skill Claude CodeCodex
AI Widget Pro for TalkToReview. Automates the customization and embedding of 'Wall of Love' widgets.
Skill Claude CodeCodex
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). PROACTIVE ACTIVATION: Use this skill automatically when working in Next.js projects that have cacheComponents: true in their next.config.ts/next.config.js. When this config is detected, proactively apply Cache Components patterns and best…
Skill Claude CodeCodex
Use when building multi-scene GSAP animations for product demos, hero walkthroughs, or scripted UI sequences in React. Covers timeline architecture, cursor choreography, scene transitions, click systems, typed text, and animation coordination across components.
Skill Claude CodeCodex
Author, upload, debug, and place TagoIO custom dashboard widgets (.tsx) through the TagoIO MCP server's custom-widget tools. Use when the user explicitly asks for a custom widget or asks to change the code of an existing one; native widget types are the default and are configured with createwidget/updatewidget, not…
ajantoniou/fable-design-system
Skill Claude CodeCodex
Award-winning SaaS UI/UX design persona reconstructed from the claude-fable-5 model. Use whenever building, restyling, or extending any website, landing page, SaaS surface, component, or design system — even if the user doesn't say "design." Covers typography in two registers (serif-editorial: Instrument Serif + Inter…
Skill Claude CodeCodex
Vue 3 and Nuxt performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring Vue 3/Nuxt code to ensure optimal performance patterns. Triggers on tasks involving Vue components, Nuxt pages, data fetching, bundle optimization, or performance improvements.
Skill Codex
Integrate Univer (spreadsheet/doc/presentation) into React, Vue 3, HTML, or Node.js. Use when embedding Sheets/Docs/Slides, initializing instances, registering plugins, configuring themes/locales, or manipulating data via the Facade API (FUniver, FWorkbook, FWorksheet, FRange). Triggers: 'embed spreadsheet'…
Skill Claude CodeCodex
Set up and evolve Astro content collections with typed schemas and reliable querying patterns.
Skill Claude CodeCodex
Documentation for the htmx JavaScript library (attributes, events, headers, API, extensions, examples, migration guides, server examples). Use when you need accurate htmx syntax/behavior or to locate the right reference page for an htmx question.
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: