14,696 tagged Frontend, measured the same way as everything else here.
Browse within: reference 201checklist 198front-end-developer-tool 198front-end-development 198guidelines 198agent 107javascript 107LLM 101agentic-ai 101skills 96cursor 84chatgpt 58nextjs 56copilot 51
Skill Claude CodeCodex
A guide for building, reviewing, or troubleshooting browser applications that use Baidu Maps JavaScript API 4.0. The API is a service that lets a web page display and work with Baidu maps.
Skill Claude CodeCodex ✓ vendor
Guide for building, configuring, and deploying microfrontends on Vercel. Use this skill when the user mentions microfrontends, multi-zones, splitting an app across teams, independent deployments, cross-app routing, incremental migration, composing multiple frontends under one domain, microfrontends.json…
Skill Claude Code
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling.
redhat-community-ai-tools/UnifAI
Skill Claude CodeCursor
MAS domain knowledge — architecture, component routing, rules, recipes. Use when working on any file under multi-agent/.
Skill Claude CodeCodex
Skill for using Astro projects. Includes CLI commands, project structure, core config options, and adapters. Use this skill when the user needs to work with Astro or when the user mentions Astro.
Skill Claude CodeCodex
Build UIs with @bitrix24/b24ui-nuxt v2 — 130+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, building forms, or composing layouts for a Bitrix24 application.
abanoubkhaliil/Ak-Elementor-Studio
Skill Claude CodeCodex
AK Elementor Studio — built by Abanoub Khalil (akstudio.me). Converts ANY input — HTML/CSS/JS code, screenshots, images (PNG, JPG, WebP), PDFs, Figma exports, design mockups, wireframes, or any visual file — into fully structured Elementor page JSON templates importable into WordPress. Activate this skill whenever the…
Skill Claude CodeCodex
Build or edit a school's public landing pages (home, course, product, pricing pages) with the lmslanding tools - templates first, real data only, granular ops.
Skill Claude Code needs its repo
Generate a validated form with Zod schema, react-hook-form, and i18n.
Skill Claude CodeCodex
Prepare and export favicon assets from Figma in common web sizes and formats.
Skill Claude CodeCodex needs its repo
Use when modifying the Light Dashboard custom/ variant. Covers the custom mini-CMS engine, layout and color customization, adding/removing pages, HTMX navigation, and CMS-level SMQ page scopes.
Skill Claude Code
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
Skill Claude CodeCodex
Visual reasoning discipline for verifying UI and Three.js work with the SceneProof CLI. Use whenever a change can alter rendered output — components, styles, layout, SVG, canvas, scenes, cameras, lights, materials, animation — or whenever about to claim that something "looks right", "is visible", or "renders…
christian289/dotnet-with-claudecode
Skill Claude Code
Creates WPF animations using Storyboard, Timeline, and EasingFunction patterns. Use when implementing UI transitions, state change visualizations, or interactive feedback effects.
scoobynko/claude-code-design-skills
Skill Claude CodeCodex
Generate production-ready React/Next.js code from Figma designs. Instructs proper Figma MCP tool usage, component reuse strategies, and variant mapping. CRITICAL: ALWAYS use this skill when user provides a Figma link or mentions implementing/redesigning from Figma design. Never attempt manual implementation without…
Skill Claude CodeCodex
Run this as the FINAL review step once you have finished a UI change you can load in a browser — it is the visual-regression gate, run once at the end (not after every edit), and the change is not done until it reports score: 100. It drives a real browser over the page, auto-detects its relevant elements (no…
Skill Claude CodeCodex
Current best-practices guide for shadcn/ui applications. Before applying primitive-specific guidance, inspect whether the checked-in components use Radix UI or Base UI; current shadcn supports both (Base UI is the default for new projects) and their composition APIs differ. Component installs and upgrades go through…
erayack/svelte-building-blocks
Skill Claude CodeCodex
Svelte best practices for writing, editing, or reviewing Svelte/SvelteKit components and modules. Use when touching Svelte reactivity, props, events, snippets, each blocks, styling, context, actions/attachments, stores, or Svelte 5 runes.
Skill Claude CodeCodex
How to configure the Combo box widget (com.mendix.widget.web.combobox.Combobox). Use when adding or changing a dropdown, select, picker, autocomplete or multi-select for an association, enumeration, boolean, or a list of objects.
Skill Claude CodeCodex
Author and invoke high-quality, mobile-first AnyUI HTML templates for MioChat. Guides the creation of clean, responsive cards, game interfaces, forms, story choices, and Galgame/visual novel dialogue cards rendered via extraRender in Shadow DOM. Enforces decoupled zero-round-trip async image rendering (pure CSS…
Skill Claude CodeCodex
Build, edit, and verify QORM apps — an agent-native declarative-UI runtime whose apps are language-neutral JSON (qorm.json + scenes/ + actions/). Use when creating or modifying a UI as QORM JSON, packaging it for web/iOS/Android/desktop, or driving a live QORM app over MCP.
Skill Claude CodeCodex
A migration guide for moving a uni-app project from Wot UI v1 to Wot UI v2. The work includes replacing old package names, component interfaces, form validation, and icon names.
Skill Claude CodeCodex
A way to create PNG images by describing their layout with HTML and CSS and rendering it in a browser.
Skill Codex
Design and generate a compatible project from the Python Template component layers or presets. Use when choosing a workload, framework, AI providers, data engines, interfaces, training and serving tools, deployment target, or IaC option; also use when a user wants a simple library, CLI, or API without AI.
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: