14,687 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
Set up svelte-vitals in a SvelteKit project: inspect what the project already uses, derive a svelte-vitals.config from its markuplint / eslint-plugin-check-file config and its actual directory conventions, measure each candidate rule before adopting it, and hand the remaining targets to svelte-vitals install. Use when…
Skill Claude CodeCodex
Writes HTML/CSS mockups under .larapilot/mockups/, presents and revises them with the user, and can build a custom design system for the client. Use for a mockup, landing, design-system choice, a change to existing mockups, or a client design system. Italian: mockup, prototipo visivo, design system, modifica mockup.
Impertio-Studio/Three.js-Claude-Skill-Package
Skill Claude CodeCodex
Use when optimizing 3D models for web delivery: reducing file size, compressing meshes, optimizing textures, or generating LOD. Provides a complete GLTF optimization pipeline using Draco, KTX2, mesh simplification, and gltf-transform. Keywords: optimize model, reduce file size, Draco compression, KTX2, gltf-transform…
Skill Claude CodeCodex
A tool for generating a complete single-file web page, such as a landing page, dashboard, form, or prototype. The output is a self-contained site.html file that can be previewed.
gocallum/nextjs16-agent-skills
Skill Claude CodeCodex
Comprehensive guide for building AI agents using ToolLoopAgent, workflow patterns, and AI SDK UI components (useChat, generative UIs, tool calling).
Skill Codex
Migrate React Navigation 7.x or 8.x navigators from JSX-based Dynamic API Navigator and Screen elements to Static API object configuration. Use when converting React Navigation screen trees, static navigation containers, nested navigators, groups, linking/deep-link config, render callbacks, getComponent screens…
Skill Claude CodeCodex
Build web UI that is accessible through the platform instead of patched with ARIA and JavaScript. Use when writing or reviewing HTML and CSS for any web interface - choosing between a native element and a hand-built component, styling focus, honouring user preferences such as reduced motion or forced colors, meeting…
Skill Claude CodeCodex
Generate emotionally resonant, production-grade web pages and interfaces with extraordinary visual beauty. Trigger this skill when the user says "start building" a web page, landing page, portfolio, app UI, or any web interface where visual excellence is the primary goal. Also trigger on phrases like "make it…
Skill Claude CodeCodex needs its repo
Build and review Remix 3 applications using the remix npm package and subpath imports. Use when working on Remix app structure, routes, controllers, middleware, validation, data access, auth, sessions, file uploads, server setup, UI components, hydration, navigation, or tests.
Skill Claude CodeCodex
Complete shadcn/ui component management for adding, searching, fixing, styling, and composing UI.
Skill Claude CodeCodex
Lanhu to Code workflow for Claude Code. Convert Lanhu design URLs into Vue/React frontend code with component reuse, design token mapping, TODO-safe business logic, and optional code review.
Skill Claude CodeCodex
Use when working on the Hecate operator UI in ui/. Keeps frontend work aligned with Hecate's operator-console workflows, runtime-debugging focus, and React/Vite stack.
Skill Claude CodeCodex
Use this skill whenever the user wants to build, plan, redesign, or even just think through a website. This skill guides the full creation process — from initial discovery and competitive niche research all the way through site architecture, style guide, interactive localhost mockups, SEO copywriting, and schema…
Skill Claude CodeCodex
Build Next.js apps using the VibeKit framework. Enforces masterprompt.md coding standards, applies design-style-guide.md tokens, uses JB components from jb-components.md, and builds phase by phase from project-phases.md. Use when starting a new VibeKit project or resuming a build.
Skill Claude CodeCodex
Teaches the raqam React number-input library — headless NumberField compound components, useNumberFieldState/useNumberField hooks, Intl presets, locale plugins (fa/ar/bn/hi/th), raqam/server formatting, validation, ScrubArea, accessibility, and form integration. Use when building or debugging currency/percent/unit…
VirtusLab-Open-Source/astro-strapi-starter
Skill Claude CodeCodex
Develop and extend the Astro + Strapi starter: content.config with @sensinum/astro-strapi-loader, Strapi 5 data in Astro pages, StrapiBlocks, BlockRenderer, Tailwind 4, shadcn. Covers onboarding (copy upstream skills), slug/CMS routes, Astro i18n, package upgrades, optional Vitest. Types in src/types/strapi/ with a…
Skill Claude CodeCodex
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design…
Skill Claude CodeCodex
Compare agent-made alternatives in a local browser preview with Unship. Use for comparison setup, iteration, Canvas, selection, cleanup, and Unship installation or update troubleshooting.
Skill Claude CodeCodex
Juniors-focused React and TypeScript best practices. Use this skill when writing or reviewing code to enforce clear, consistent, and maintainable patterns across common scopes like React, TypeScript, styling, devtools, assets, and Git.
DonkeyKing01/tasteful-ui-skill
Skill Claude CodeCodex
UI design and implementation for real product surfaces with taste-first critique, reference routing, project-specific design briefs, variation comparison, and implementation verification. Use when Codex should redesign, build, polish, or critique frontend UI by reading project context, exploring taste, routing through…
Skill Codex
Use when Codex should install or set up Inspecto in the current frontend project through the shared onboarding workflow.
VirtusLab-Open-Source/astro-strapi-blocks
Skill Claude CodeCodex
Integrates @sensinum/astro-strapi-blocks with Strapi 5 Blocks fields in Astro: wiring data from API responses, theming with extend and overwrite, and custom block components. Use when adding or editing Strapi block rendering, rich text zones, or StrapiBlocks / theme configuration.
eimg/book-order-platform-SKILL
Skill Claude CodeCodex
Implements a book order system with a Vite React storefront (React Router, TanStack Query) and an Express + Prisma + SQLite API: default pay-by-transfer flow with admin-reviewed payment proof, Cloudflare Turnstile on order submit, honeypot field, payment-proof upload with duplicate-image detection, 8-character receipt…
Skill Claude CodeCodex
Component catalogue for Pebble pebblesend type "ui" blocks — OpenUI Lang syntax, components, the action model (buttons, forms, $state), and what Pebble does NOT support. View when building an interactive UI block.
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: