13,877 tagged Frontend, measured the same way as everything else here.
Browse within: skills 120agent 118agentic-ai 98LLM 96javascript 95nextjs 85cursor 73design-system 62copilot 57agents 54cli 52agentic 48open-source 47claude-code-plugin 45
Skill Claude CodeCodex
Design and create loading pages, loading animations, progress indicators, skeleton screens, and loading spinners. Use this skill whenever the user wants to create a loading page, loading spinner, progress bar, skeleton loader, or any loading state UI. This includes splash screens, brand loading pages, inline loading…
jaywilburn/refactoring-ui-skill
Skill Claude CodeCodex
Comprehensive UI design guidance based on Refactoring UI principles covering design personality, color theory, layout strategy, visual hierarchy, typography, spacing, mobile-first responsive design, and writing copy that doesn't read like AI wrote it. Use this skill whenever the user is creating new pages, building…
Skill Claude CodeCodex
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
Skill Claude CodeCodex
Foundation skill for integrating OpenAI ChatKit framework with custom backends. This skill should be used for initial ChatKit setup including server implementation, React component integration, authentication, context injection, and database persistence. For streaming UI patterns use chatkit-streaming. For interactive…
Skill Claude CodeCodex
Converts a Webflow HTML export into a maintainable React app with TanStack Start (SSR, TanStack Router conventions) using an idiomatic React-first approach. Sets up Storybook early, builds UI primitive + page-section SOT components with variant stories before composing routes. Use when the user has a Webflow export…
Skill Cursor
Build Laravel Blade UI with Electrik Slate 3.x and optional slate-blocks. Use when writing x-slate or x-slate-block components, Livewire forms, tokens, toasts, blocks, or when the user mentions Slate, electrik/slate, electrik/slate-blocks, or slate.electrik.dev.
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…
mattiasgeniar/offline-first-pwa
Skill Claude CodeCodex
Rules for building offline-first Progressive Web Apps that launch instantly from the home screen. Use when building, reviewing or debugging a PWA, or anything touching a service worker, a web app manifest, precaching, an in-app update prompt, iOS home screen behaviour, or safe-area/notch layout.
Skill Claude CodeCodex needs its repo
A workflow that converts a Figma design into web code and checks the rendered page against the original design. It uses saved design data, screenshots, pixel differences, and structural checks to guide repeated fixes.
Skill Claude CodeCodex
Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.
Skill Claude CodeCodex
Build Raycast extensions with React and TypeScript. Use when the user asks to create a Raycast extension, command, or tool.
Skill Claude CodeCodex
A local launcher for RemyMaker, a bundled web application that runs on the developer's computer without installing packages.
Skill Claude CodeCodex
A way to create PNG images by describing their layout with HTML and CSS and rendering it in a browser.
dyeoman2/tanstack-start-template
Skill Codex
Design and restyle TanStack Start routes and React components in this repo using the March 2026 GPT-5.4 frontend guidance while preserving local conventions. Use when building or refining marketing pages, dashboards, admin surfaces, authenticated app views, page-level layouts, visual systems, or interaction polish in…
guramzhgamadze/WordPress-Elementor-Skill
Skill Claude CodeCodex
Expert WordPress and Elementor Pro development skill. Use this whenever the user asks about WordPress theme development, Elementor Pro customization, plugin architecture, custom post types, hooks/filters, Loop Grids, Dynamic Tags, Theme Builder templates, off-canvas UIs, custom CSS/JS injection, performance…
Skill Claude Code
Teaches agents how to generate Markdown, HTML (with embedded SVG), and Mermaid content that renders beautifully to multi-page PDF via writepdf, with proper page breaks, compact professional layouts, brand and domain-adaptive color schemes, multi-column support for scientific papers, magazine-style editorial documents…
Skill Claude CodeCodex
Element Plus Skills Library - A comprehensive skill library for AI agents to understand and utilize Element Plus UI components. Invoke when user needs to work with Element Plus components, theming, i18n, dark mode, or design specifications.
Skill Claude CodeCodex
Use when working with naive-ui components, or troubleshooting naive-ui usage issues.
Skill Codex
A tool that converts Markdown articles into inline-styled HTML for WeChat Official Accounts, China's publishing platform. It offers selectable visual themes and optional structured components and an opening SVG animation.
Amsterdam/amsterdam-agent-skills
Skill Claude CodeCodex
Mandatory for all Gemeente Amsterdam UI work. Use for pages, layouts, forms, dashboards, landing pages, React/JSX/TSX components, styling, theming, scaffolding frontend projects, or any visual interface. Covers @amsterdam/design-system-react, CSS tokens (--ams-), BEM CSS with ams- prefixes, 4/8/12-column Grid…
Skill Claude CodeCodex
Redesenha artefato visual (UI, documento, slide) com detector determinístico de render.
alessioarzenton/claude-code-wp-toolkit
Skill Claude CodeCodex
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
Skill Claude Code
Design Copilot with two enforcement layers (Taste Guardian + Blind Spot ESLint plugin, 14 rules). Works standalone with zero dependencies. 7-phase design pipeline. Produces Awwwards-level websites with automated UI hygiene enforcement.
Skill Claude CodeCodex
Create implementation-ready Conflux proposals, including fail-closed visual contracts for UI changes. Use for any request to create, draft, review, or strengthen a proposal or product change.
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: