14,027 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
Skill Claude CodeCodex needs its repo
Render-and-measure receipts for any HTML page your factory builds — the render half of the design quality gate. Engineer runs it to screenshot every screen size and MEASURE what a source read or a single screenshot only guesses at: horizontal overflow, computed type sizes, tap-target sizes, safe-area presence, mono…
Skill Claude Code
Vuetify 4 documentation corpus (release 4.0.5). Use for Vuetify 4-only component, API, directive, and composable questions; prefer API pages for contracts and guide pages for usage examples.
Skill Claude CodeCodex
Build production-feel HTML prototypes for sales demos and reviews. Runs a discovery Q&A, scaffolds a zero-dep static site (HTML + Tailwind CDN + theme/layout switchers + URL-state + feedback overlay + control bar) and runs a design-quality loop. Use when the user says "prototype", "mockup", "demo", "pitch page"…
Skill Claude CodeCodex
SAP Fiori/UI5 testing, accessibility, and modern UI skill. Use when writing wdi5 E2E tests, OPA5 integration tests, implementing WCAG 2.1 accessibility, using UI5 Web Components, or migrating UI5 to TypeScript. If the user mentions wdi5, OPA5, Fiori test, UI5 accessibility, WCAG, or UI5 TypeScript migration, use this…
Skill Claude CodeCodex
Create frontends, posters, dashboards, and web UIs rooted in Bauhaus and Swiss International Typographic Style (Internationale Typografische Stil) design principles. Use this skill when the user mentions Bauhaus, Swiss design, International Typographic Style, grid systems, Josef Müller-Brockmann, Max Bill, Jan…
klovaaxel/web-a11y-agent-skills
Skill Claude CodeCodex
Builds accessible pages and components with semantic HTML, correct names/roles/states, keyboard support, focus management, links, images, SVG, media, and native controls first. Use when implementing or refactoring frontend UI.
Skill Codex needs its repo
Use when an agent needs to bootstrap ui-evidence in a repo, then discover, configure, or run before/after UI screenshot capture, current UI snapshot capture, local HTML review generation, or git-baseline UI evidence workflows for a web app.
Skill Codex
Use when designing, reviewing, generating, or refactoring React applications built with Effector, effector-react, Farfetched, Atomic Router, @effector/next, patronum, effector-storage, forms, i18n, testing, and related Effector ecosystem tooling. For Feature-Sliced Design project structure and placement decisions, use…
Skill Claude CodeCodex
A development guide for the browser interface of a DSH plugin, including its package structure, registered interface locations, and build setup.
syncfusion/wpf-ui-components-skills
Skill Claude CodeCodex
Implements Syncfusion WPF DataGrid (SfDataGrid) component for displaying and manipulating tabular data in Windows Presentation Foundation applications. Use this when working with data grids, table views, or data binding scenarios. Supports sorting, filtering, grouping, editing, Excel/PDF export, drag and drop…
Skill Claude CodeCodex
Design and implement high-quality web interfaces by synthesizing proven design philosophies from Dieter Rams, Brad Frost (Atomic Design), Google Material Design, and modern web best practices. Triggered when the user asks to design a web page, UI component, design system, layout, or when asked to review/improve…
Skill Claude CodeCodex
Reference for UI components in Elvia's design system ("Elvis"). Covers component-specific guidelines for sizing, coloring, types, ordering, labeling, accessibility attributes, CSS setup, and web-component registration. Use when building, reviewing, or fixing UI in an Elvia frontend, even if the request doesn't name…
Skill Claude CodeCodex
Helps with authoring and reviewing modern CSS for robust, responsive, and accessible UIs — cascade layers, @scope, :has(), nesting, container queries, fluid typography with clamp(), oklch() colors, light-dark() and color-scheme, logical properties, subgrid, and prefers-reduced-motion. Use this skill when the user asks…
Skill Codex
Design and implement a complete responsive webpage that Pantheon can preview directly. Use for landing pages, portfolios, dashboards, prototypes, and HTML UI requests.
Skill Claude Code
Four quality gate checklists for frontend: baseline visual, accessibility, metadata/SEO, and motion performance. Post-implementation quality gates. Trigger: When reviewing UI changes, before merging frontend PRs, during sdd-verify.
Skill Claude Code
TheoKit agent/LLM integration — agents/.ts convention (AgentBuilder), the tool() builder, capabilities (advanced/DI), useAgent client hook.
Skill Claude CodeCodex
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…
NicoGenti/opencode-orchestrator-kit
Skill Claude CodeCodex
Angular structure, component, and state-management conventions to apply when writing or reviewing Angular code. Load before implementing or reviewing any angular.json-based feature.
thePM001/AEP-agent-element-protocol
Skill Codex needs its repo
Use this skill whenever working with AEP (Agent Element Protocol) 2.8, dynAEP (main AEP event runtime), Base Node, Composer Lite, CCA / setup agent, component registry, CAW, UCB, Path A/B connect, dynAEP-TA, dynAEP-TA-P or any AEP governance feature. Triggers include 'AEP', 'dynAEP', 'dynAEP-TA', 'dynAEP-TA-P'…
Skill Claude CodeCodex
The operating system for elite software engineering in TypeScript, React, and Next.js. Enforces the cognitive models, architecture laws, type-level patterns, component design, visual standards, and performance mandates that separate exceptional software from the ordinary — grounded in named sources (Torvalds…
Skill Claude CodeCodex
Use this skill when building cinematic, animated, or immersive web experiences. Covers scroll-driven storytelling (GSAP, ScrollTrigger, SplitText, video scrubbing, parallax, mask reveals), 3D product showcases (R3F, Zustand, studio lighting, model switching, video textures), layout composition (bento grids, masonry…
microsoft/Build26-DEM332-from-zero-to-teammate-in-25-minutes-build-a-teams-agent-live
Skill Claude CodeCodex ✓ vendor
Use this skill whenever the user mentions Microsoft Teams in a development context — whether they're building, integrating, configuring, debugging, or just asking questions. Covers bots, message extensions, embedded web apps, Adaptive Cards, dialogs, SSO, infrastructure, the Teams Developer CLI/SDK, and general Teams…
pas-mllr/claude-code-skills-journalism-osint
Skill Claude CodeCodex
A comprehensive guide for building scroll-driven narrative experiences using SvelteKit 5 and Svelte 5's runes.
Skill Claude CodeCodex
A way to create videos with code using Remotion, a framework where React components describe each video frame and its behavior. It supports programmatic videos, animations, subtitles, music visualisations, tutorials, 3D scenes, and data-driven content.
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: