14,074 tagged Frontend, measured the same way as everything else here.
Browse within: skills 136agent 125agentic-ai 98javascript 95LLM 86nextjs 79agents 62design-system 62cli 56copilot 54agentic 49claude-code-plugin 45chatgpt 43open-source 42
Lucas-Fong/html-report-stable-base
Skill Claude CodeCodex
Use when supplied content or an existing HTML report needs a stable editable browser shell in either long-screen single-page mode or 16:9 PPT mode, including global and per-element styling, ECharts canvas support, standalone HTML delivery, or optional PPTX export in PPT mode.
Skill Codex
Use Hraness Direct to install, adopt, test, audit, or troubleshoot deterministic frontend and UI testing workbenches for web, React, React Native, and Expo. Trigger for repeatable signed-in, empty, loading, and error states; frontend fixtures and scenario URLs; strict JSON worlds; product-owned ports and adapters…
Skill Claude CodeCodex
Orchestrate premium web development across all project types. Conducts 4 subagents (Designer, Architect, Builder, Reviewer) with Constrained Generation for unique design systems. Use for: new pages, redesigns, design systems, project setup.
Skill Claude CodeCodex
Distinctive, production-grade frontend design with bold aesthetic direction, curated palette/typography/layout presets, and a structured design-direction flow. Use whenever building or refining UI (landing pages, product surfaces, marketing sites, dashboards) — especially when the brief is visual, broad, or "make it…
syncfusion/flutter-ui-components-skills
Skill Claude CodeCodex
Implements Syncfusion Flutter DataGrid (SfDataGrid) for displaying and manipulating tabular data in Flutter applications. Use when working with data grids, data tables, or column-based data presentation using the syncfusionflutterdatagrid package. This skill covers DataGridSource, GridColumn configuration, sorting…
thomascasali/claude-kb-workflow
Skill Claude CodeCodex
Crea presentazioni interattive per lezioni scolastiche ITIS usando React via CDN, dark theme, simulatori interattivi, e quiz. Due approcci consolidati: CDN-based (zero build, HTML puri) e Build-based (Vite+TS+Tailwind). Deploy su GitHub Pages. Progetto di riferimento: presentazione-vpn (Mar 2026).
akuguaaaa-png/wechat-mini-program-builder
Skill Claude CodeCodex
A planning and delivery guide for native WeChat Mini Programs, which are small apps that run inside WeChat. It covers requirements, screens, code structure, interface design, reviews, testing, and release preparation using WeChat's native technologies.
Skill Claude Code
Production conventions for TanStack Query (React Query): a five-file feature folder (types/requests/keys/queries/mutations), queryOptions() key factories with a single all() root per feature for hierarchical invalidation, QueryConfig/MutationConfig type helpers, optimistic updates with rollback, and useInfiniteQuery…
Skill Claude CodeCodex
GATED WRITE. Clone an existing well-built Mendix page (ideally a gold page) to a new name with optional entity rebinding, via the mxcli MDL round-trip. Routes through the shadow-write engine (7 safety pillars; live .mpr untouched until atomic swap). Pre-classifies the source page as SIMPLE / COMPLEX / UNCLONEABLE…
Skill Claude CodeCodex
Best-practice guide for authoring a Muxy extension — how it should look and behave so it reads as a native part of the app. Covers theming (follow the theme, never hardcode colors), the sizing scale, and which surface to use. Mechanics (manifest fields, permissions, the window.muxy API) live in the linked docs.
Skill Claude Code
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 Code
Redux-Saga best practices, patterns, and API guidance for building, testing, and debugging generator-based side-effect middleware in Redux applications. Covers effect creators, fork model, channels, testing with redux-saga-test-plan, concurrency, cancellation, and modern Redux Toolkit integration. Baseline: redux-saga…
RoninForge/roninforge-tailwind-v4
Skill Claude CodeCodex
Analyze a Tailwind CSS v3 project and generate a complete migration plan to v4. Scans config, CSS, and template files for v3 patterns and produces a prioritized checklist with exact find-and-replace commands.
Skill Claude Code
Create adaptive interfaces and real-time experiences via the pub CLI, with live P2P browser sessions.
Skill Claude CodeCodex
Extend this cloned Helios example app — add new controls, scenes, knobs, image flows, or features on top of @reactor-models/helios (pinned to ^0.9.0) without breaking the patterns the existing code already uses. Covers the SDK's connection / events / messages model, the phase-based UI architecture, the state snapshot…
Skill Claude Code
Use when the user wants to design, analyze, audit, refine, or improve frontend interfaces. Covers websites, landing pages, dashboards, product UI, applications, components, design systems, and any visual interface. Handles UX review, visual hierarchy, information architecture, accessibility, performance, responsive…
Skill Claude CodeCodex
An end-to-end workflow for building mobile and web products, from clarifying requirements and designing prototypes to coding and testing. It coordinates several design, architecture, coding, and testing tools.
Skill Claude CodeCodex
Comprehensive web interface guidelines for accessibility, interactions, animations, layout, content, forms, performance, and design.
Skill Claude Code
Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons…
Skill Claude CodeCodex
Converts a Figma frame into pixel-perfect code in whatever stack the project uses — by extracting EXACT values via the Figma MCP and reproducing every visual property (borders, gradients, shadows, blurs, opacity) instead of eyeballing them. Use whenever the user shares a figma.com/design URL or dev link and wants…
Skill Claude Code
Live parameter tweaking and design exploration for React projects using the dialkit npm package. Triggers on "design with dialkit", "live parameter tweaking", "interactive design exploration", "tweak parameters", "tune values", "explore design directions", "dial in this component", "design exploration", or invokes…
Okeysir198/P20251122-claude-skills
Skill Claude CodeCodex
Build and review production-grade web and mobile frontends using LiveKit with Next.js. Covers real-time video/audio/data communication, WebRTC connections, track management, and best practices for LiveKit React components.
Skill Claude CodeCodex
Perform a static UX audit of any frontend or app codebase by traversing the code, without running the app or opening a browser. Use this whenever the user asks for a UX audit, UX review, design review, accessibility check, flow map, or "check my UI/UX", and no dev server or browser tool is available or wanted. Also…
Skill Claude CodeCodex
Generate interactive HTML mockups from a description, iterate on them, and deploy to GitHub Pages or Vercel for sharing. Use this skill when the user wants to create a mockup, prototype, UI exploration, or design comparison, or when they want to deploy or share one.
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: