14,046 tagged Frontend, measured the same way as everything else here.
Browse within: skills 131agent 118agentic-ai 98javascript 95LLM 88nextjs 78cursor 73agents 64design-system 62copilot 58cli 50agentic 45claude-code-plugin 45chatgpt 41
GlamgarOnDiscord/uxui-AI-Prompt
Skill Claude Code
Expert Senior Frontend Engineer & UI/UX Designer for premium, dark-mode SaaS interfaces and modern landing pages. Triggers on: /build, /polish, /audit, /critique, /animate, /imagify, /dials, /variant — or any request involving UI design, landing pages, dashboards, components, frontend code, design systems, or visual…
Skill Claude CodeCodex
Reviews and guides UI consistency during feature development. Cross-references existing patterns, validates design tokens, ensures theme support, checks copy guidelines, and balances consistency with creative freedom.
Skill Codex
A skill for designing and building polished web interfaces, such as websites, landing pages, web apps, dashboards, editors, forms, and frontend components. It connects product goals, real content, branding, design rules, and code constraints.
Skill Claude CodeCodex
A production-grade developer design-system skill for AI coding assistants. Use it to enforce strict layout constraints, typography locks, accessibility compliance, and anti-slop visual rules across generated frontends.
Skill Claude CodeCodex
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides…
Skill Claude CodeCodex
Build or update UI screens, dashboards, forms, modals, and tables. Use when the subtask is primarily a frontend implementation — page layout, component composition, responsive design, interaction polish, or UI state wiring to existing APIs.
Skill Claude CodeCodex needs its repo
Use when creating Lit web components with TypeScript decorators, JSDoc documentation, Zod validation, and Playwright testing. Use for building reusable web components, design systems, or shareable UI elements that work across frameworks.
the-cyber-boardroom/SGraph-AI__App__Send
Skill Claude CodeCodex
Build a polished, self-contained HTML application that lives inside an SG/Send vault and renders from index.html — a photo gallery, strategy microsite, dashboard, report, journal, or any single-page experience. Use this whenever the user wants to create a vault app, build an HTML app for a vault, make a website inside…
Skill Claude CodeCodex
Author type-safe inline CSS in F# with the Fun.Css computation-expression builder. Use when writing, generating, or refactoring Fun.Css style blocks (style { ... }), choosing operation names from CSS property knowledge, composing or conditionally building styles, extending the builder, or wiring design tokens / CSS…
alexiseverage/aesthetic-frontend-skills
Skill Claude CodeCodex
Use this skill when you need a complete developer-ready design specification for a named aesthetic: W3C DTCG design tokens, CSS custom properties, cultural marker lists, component-level notes, and accessibility flags. Translates aesthetic understanding into implementable values across all 7 dimensions. Use when the…
rajavijayach/electrobun-skills
Skill Claude CodeCodex
Native UI integration for Electrobun desktop applications including ApplicationMenu, ContextMenu, system Tray, native dialogs, keyboard shortcuts, and platform-specific UI patterns. This skill covers creating application menus with submenus and accelerators, context menus triggered by right-click, system tray icons…
Skill Claude CodeCodex
Apply the backstay.rules SCSS architecture with layered styles, component-oriented structure, and project naming conventions. Use when creating, refactoring, or reviewing SCSS structure, files, class names, variables, mixins, modifiers, and import order.
JZCreative/svg-bubbling-strategy-SVG
Skill Claude CodeCodex
A skill for designing interactive groups in plain SVG without using IDs. SVG is a text-based format for scalable graphics such as icons, diagrams, and illustrations.
Skill Claude CodeCodex
Build dark skeuomorphic UI components (knobs, sliders, inset controls, raised shells) with top-lighting, layered shadows, tactile depth, and animation-ready interaction patterns. Trigger this skill when the user asks for skeuomorphic components, neumorphic dark controls, rotary dials, or realistic hardware-like UI.
Skill Codex
Redesign and locally modify an existing Codex desktop or web interface from reference images, a user persona, a celebrity, idol, actor, musician, fictional character or original IP theme, a visual style, or a combination of these inputs. Use when Codex needs to inspect a local Codex installation or source checkout…
sandian1016/design-review-skill
Skill Claude CodeCodex
Compare a UI design screenshot with an implementation screenshot locally in the Sandian browser app. Use when a designer needs visible-difference review, annotated implementation screenshots, severity-filtered repair checklists, or JSON issue groups. Keep images on the local device; use the tool as visual-review…
Skill Claude CodeCodex
Generate, validate, and interpret static A2UI v0.8 JSON for interactive UI surfaces. Use when an agent needs to call publisha2ui, author A2UI messages, check whether generated A2UI JSON is valid, or handle normalized userAction replies from interactive UI callbacks.
victorzhong0110/skill-evolution
Skill Claude CodeCodex
Produce a distinctive, subject-grounded UI plan and implementation notes. Use when the user asks for a new page, landing, dashboard, or restyle — including requests that never say "design system" but clearly need visual direction.
mutolee/other-redis-desktop-manager
Skill Claude CodeCodex
A development guide for Vue 3, Element Plus, and Electron desktop applications. It explains where interface code, operating-system code, and the secure bridge between them should live, and how to structure and verify changes.
Skill Claude CodeCodex
Professional UI design system that replaces generic AI aesthetics (purple gradients, neon colors) with intentional, distinctive design. Use this skill whenever generating frontend UI, web pages, landing pages, dashboards, or any visual interface. Provides concrete color palettes, typography rules, spacing systems, and…
earlyaidopters/marks-pi-harness
Skill Claude CodeCodex
Build award-tier immersive websites with WebGL, scroll choreography, shaders, or pre-rendered video — including turning a supplied video into a scroll-scrubbed site where scroll drives the playhead. Use for any request to build a cinematic, animated, 3D, or scroll-driven site, portfolio, or landing page. Includes a…
freestylefly/fullstack-website-builder-skill
Skill Claude CodeCodex needs its repo
A tool that creates and manages a complete website project from a short description, including its visible pages, server API, database design, and deployment settings.
Skill Claude CodeCodex
Building or revising Astro dashboard detail pages backed by repo-tracked JSON and browser-side charts. Use when adding docs routes like /tests, /images, or /applications that must render real evidence, explicit unavailable states, GitHub Pages-safe static output, and dense table sections without crushed columns.
Skill Codex
Use when working with Creght sites or the Creght CLI, including pulling site code locally, pushing local changes, resolving sync conflicts, writing Creght-compatible React pages/components code, CMS, form, Auth, and Func backend integration, routing, styling, metadata, previewing, publishing, site templates…
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: