13,844 tagged Frontend, measured the same way as everything else here.
Browse within: skills 120agent 118agentic-ai 98LLM 96javascript 95nextjs 85cursor 73design-system 63copilot 57agents 54cli 53agentic 48open-source 48claude-code-plugin 45
DonkeyKing01/tasteful-ui-skill
Skill Claude CodeCodex
UI design and implementation for real product surfaces with taste-first critique, reference routing, project-specific design briefs, variation comparison, and implementation verification. Use when Codex should redesign, build, polish, or critique frontend UI by reading project context, exploring taste, routing through…
AkyRayy/Frontend-Design-SKILLS-for-AI
Skill Claude CodeCodex
Design-quality skill for AI agents building websites, landing pages, and web app UI. Use whenever creating or restyling any web interface that must read as designed by a senior designer, not generated. Covers aesthetics and sub-styles (Linear, Stripe, Vercel, editorial, Swiss, brutalist), typography, color tokens…
Skill Claude CodeCodex
Use when integrating, authoring, converting, validating, or troubleshooting Scribe technical articles in React websites using Next.js or Vite, with content authored in Markdown, MDX, JSX, or semantic HTML.
Skill Claude CodeCodex
A workflow for creating a custom 3D personal website from a person's résumé, experience, and design direction. It can produce styles such as interactive game worlds, driving explorations, and archival interfaces.
Skill Claude CodeCodex
Use when the deliverable is a portrait-first Douyin H5 interactive and the shell or adaptation model must be locked first.
Skill Claude CodeCodex
Use this agent when you need to design, audit, migrate, rewire, or rewrite UX/UI.
Skill Claude Code
Build a multi-screen NavigationPanel layout in Optix via the live bridge — tabs that switch content, done the ONE-mechanism way that actually renders. Use for "add navigation", "multi-screen HMI", "tabs to switch screens", "nav bar with pages".
Skill Claude Code needs its repo
Launch the coral-reef dashboard (auto-install, build, and start).
Skill Claude CodeCodex
Generate cinematic launch-video-style React presentations with shared-layout (FLIP) morph transitions between stages. Outputs live React deck, PPTX with Morph transitions, or Playwright-recorded MP4. Use when the user asks for a pitch deck, launch video, demo storyboard, kpi dashboard tour, or any cinematic…
Skill Claude CodeCodex
Build agents that generate rich, interactive UIs using Google's A2UI (Agent-to-User Interface) format with Google ADK (Agent Development Kit). Use when building ADK agents that need to render dynamic UI components, forms, cards, lists, or interactive elements via the A2UI declarative JSON format. Includes a Tailwind…
Skill Claude Code
Pixel-perfect website cloner. Given a URL, faithfully reproduces the page as a single self-contained HTML file. Uses Playwright to render the page in a real browser, then directly extracts the rendered DOM + all computed CSS — no manual rewriting. Handles static HTML, JS-rendered SPAs, Webflow, Next.js, and any…
Skill Claude CodeCodex needs its repo
Show a native macOS webview UI to the user and get structured input back. Use when an interactive macOS session needs human-in-the-loop for multi-field input, option selection from 5+ choices, approval with context, or content review — NOT for yes/no questions. Handles the full flow — spawning the webview, generating…
DamingDong/opencode-skills-hub
Skill Claude Code
Run accessibility audit runner operations. Auto-activating skill for Frontend Development. Triggers on: accessibility audit runner, accessibility audit runner Part of the Frontend Development skill category. Use when analyzing or auditing accessibility audit runner. Trigger with phrases like "accessibility audit…
Skill Claude CodeCodex needs its repo
Set up and manage the Remediate feedback widget in a React project. Install, add integrations, wire auth, test the endpoint, upgrade, scaffold a feedback dashboard, configure capture types, or cleanly uninstall.
Skill Claude CodeCodex
Expert-level MODX Revolution CMS development, templating, and content management. Use this skill when building MODX websites, creating templates/chunks/snippets, configuring extras (pdoTools, MIGX, ClientConfig, SEO Suite, Image+, FormIt), writing MODX tag syntax, implementing schema markup, or troubleshooting MODX…
charlesdove977/animejs-claude-skill
Skill Claude CodeCodex
Comprehensive skill for Anime.js v4 - a fast and flexible JavaScript animation library. This skill should be used when implementing web animations, creating timelines, working with SVG animations, scroll-based animations, draggable elements, staggered effects, or any JavaScript-based animation on the web. Triggers on…
Skill Claude Code
Build software with elite design principles focusing on user outcomes, trust, accessibility, and performance. Use when creating UI components, designing user flows, writing production code, reviewing code quality, or when the user mentions UX, accessibility, performance, or trust-focused development.
Skill Claude CodeCodex
Build a polished single-file HTML dashboard (charts, KPIs, tables) from data you have gathered, and save it with writeartifact so the user gets a clickable link. Use when the user asks for a chart, graph, dashboard, report, or any visual summary of numbers.
Skill Claude CodeCodex
Create stunning, interactive landing pages for products, startups, and side projects — zero dependencies, single HTML file. Use this skill whenever the user wants to build a landing page, product page, launch page, marketing page, or any promotional web page for their app, tool, SaaS, open-source project, or personal…
Skill Claude CodeCodex
Customize any running Electron desktop app (Slack, Codex, VS Code, Discord, Notion, etc.) live without modifying app files. Use when the user wants to change how an Electron app looks or behaves — move panels, change fonts, hide elements, inject features, restyle UI — all applied instantly via Chrome DevTools Protocol…
Skill Claude CodeCodex
Recommend and apply commercially usable Korean webfonts for vibe-coded frontends, landing pages, portfolios, dashboards, editorial pages, campaign microsites, and developer UIs. Use when Codex needs to choose Korean typography by mood or tone and manner, explain why a font fits a concept, verify that the font is safe…
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.
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: