14,074 tagged Frontend, measured the same way as everything else here.
Browse within: skills 136agent 125agentic-ai 98javascript 95LLM 87nextjs 79agents 62design-system 62cli 55copilot 54agentic 49claude-code-plugin 44chatgpt 43open-source 43
Skill Claude CodeCodex
Build, customize, and theme Angular Material + CDK UIs the modern way — signal primitives (input()/output()/model()/computed), native control flow (@if/@for/@switch), standalone + OnPush + zoneless. Use when adding/using any Material component, building custom widgets from CDK primitives, overriding the Material…
Skill Claude CodeCodex
Component Theme Generator that transforms color palettes into production-ready UI components. Use when the user requests themed components (buttons, cards, inputs, forms, etc.) based on a color system or palette, especially when consuming output from Hexed or other color generation tools. Generates complete component…
Skill Claude CodeCodex
Establish and apply a design direction using a curated visual reference library, plain-language weighted choices and a project lock file. Use for web design direction, "my taste", "min stil", visual alternatives, or reviewing UI against an existing direction. Also supports maintaining this reference library. A…
vinsonconsulting/claude-skill-foundry
Skill Claude CodeCodex
Use this skill when building a terminal UI (TUI) in Go with Bubble Tea and the Charm stack: the Elm Architecture / MVU pattern (tea.Model with Init/Update/View), Cmd/Msg event flow, Lip Gloss styling and layout, Bubbles components (viewport, list, table, textinput, textarea, spinner, progress), Glamour markdown…
LX-Director/claude_fullstack-ai-builder
Skill Claude CodeCodex
A method for building and launching complete AI-powered web applications, from requirements and technical planning through the front end, back end, AI integration, and deployment. It is aimed at people who want to create an application without a back-end engineer.
smartbrainactivity/electron-desktop-builder
Skill Claude CodeCodex needs its repo
Converts a web app (Express, React, Vite, Next.js) into an Electron desktop app. Use when starting a new Electron project from an existing web app, when setting up electron-builder for the first time, when creating main.ts/preload.ts boilerplate, when generating icon assets, or when configuring NSIS installers.…
hsuan1012/Dataviz-Coding-Agent
Skill Claude CodeCodex
A workflow for building interactive data-visualization apps from CSV, JSON, or GeoJSON data using React, Tailwind, Chart.js, or D3.
Skill Claude CodeCodex
Builds a pixel-faithful single-file HTML mockup from a reference screenshot by counting colors, photos, items, and states before writing markup. Use when a user says "turn this screenshot into HTML", "build a mockup that matches this design", "code this screen exactly", or pastes an image and asks for a coded version.…
Skill Claude CodeCodex
Build, style, and debug terminal user interfaces in Python with Textual. Use when the user mentions Textual, a TUI, App/Widget/Screen subclasses, reactive attributes, TCSS or Textual CSS, textual run, textual console, or compose(). Do NOT use for plain CLI argument parsing (use click-cli), Rich-only static output (use…
Abhishek-Chougule/website-standards-auditor
Skill Claude CodeCodex
Audit and fix any website (new, in development, or already live) against the organization's mandatory engineering and web standards, then scaffold or repair the gaps after the user approves. Use this whenever the user wants an SEO, GEO, AEO, accessibility, performance, structured data, schema, sitemap, robots.txt…
Skill Codex
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…
Skill Claude CodeCodex
SolidJS framework development skill for building reactive web applications with fine-grained reactivity. Use when working with SolidJS projects including: (1) Creating components with signals, stores, and effects, (2) Implementing reactive state management, (3) Using control flow components (Show, For, Switch/Match)…
Skill Claude Code
A command-line tool for managing JavaScript packages and running project scripts, including in a monorepo—a repository containing several related packages or apps.
Skill Claude CodeCodex
Component usage patterns for gluestack-ui v4 - covers component selection, props vs className, compound patterns, icons, and provider setup.
salawi45/skill-wcag-accessibility
Skill Claude CodeCodex
Apply and audit WCAG 2.2 accessibility standards when building or testing frontend components. ALWAYS use this skill when: building any UI component, page, or layout (even if the user doesn't mention accessibility); running accessibility audits or tests; asked to "check a11y", "test accessibility", "audit WCAG…
Skill Claude CodeCodex
An intelligent component management assistant that automatically determines whether to create new components, reuse existing ones, or ask users for decisions based on their instructions. Ensures component consistency and compliance based on design system specifications. |…
Skill Claude CodeCodex
Locks in opinionated frontend code patterns for Next.js 16 + TanStack Query v5 + FSD projects. ALWAYS invoke when writing data-fetching code (NEVER useEffect+fetch — always TanStack Query), creating forms (always react-hook-form + zod), introducing client state (Zustand for client-global only — NEVER for server data…
Skill Claude Code
Create distinctive, production-grade web interfaces with high design quality using Tailwind CSS. Use for building UI components, pages, dashboards, apps, and web applications. Generates crafted, polished code that avoids generic AI aesthetics.
stevennana/mina-ralph-loop-bootstrap-nextjs
Skill Claude CodeCodex
Bootstrap or extend a new or early-stage Next.js App Router + TypeScript repository around a Ralph-style task-promotion loop. Use when Codex needs to ask the founder product and architecture questions, generate or update the repo-local markdown knowledge base, create the initial scaffold or the next feature wave…
PhelipeG/daily_habits_app_angular_ia
Skill Claude CodeCodex
Use when profiling or optimizing this Angular 21 habits app for faster initial load, smaller bundles, smoother rendering, or reduced change-detection work. Covers route-level code splitting, @defer, signals/computed state, template hot paths, and validation of performance changes.
Skill Claude Code
Generate and deploy a complete brand asset pack for a Next.js App Router project. Scans the project, prints what to generate with exact specs, then imports and wires everything correctly.
Skill Claude CodeCodex
Verify and debug synthesized audio (Web Audio API) by rendering it offline and measuring the samples, instead of guessing from code or claiming it works untested. Use whenever building, changing, or reviewing UI sound effects, tones, synths, or any AudioContext graph — and especially when sound is reported as…
ChuluuMGL/business-website-skill
Skill Claude CodeCodex
A guide for building client-ready business websites from source materials such as existing sites, documents, images, and presentation files. It focuses on clear business information, evidence, examples, process, and ways for visitors to make contact.
yuri-semenenko/ai-engineering-workspace
Skill Claude Code
Web performance checklist — Core Web Vitals (LCP/INP/CLS), TTFB diagnosis, and frontend levers (JS/CSS/fonts/images/network/rendering) plus backend (DB N+1, API latency, caching, infra). Use when optimizing performance, diagnosing a slow page or unresponsive interaction, setting a performance budget, or reviewing a…
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: