13,955 tagged Frontend, measured the same way as everything else here.
Browse within: skills 137agent 127agentic-ai 98javascript 95LLM 88nextjs 78agents 64design-system 62copilot 56cli 55agentic 52claude-code-plugin 45chatgpt 43open-source 42
kash-123/cinematic-scroll-landing
Skill Claude CodeCodex
Build dark, cinematic, awwwards-style landing pages with seamless scroll choreography — endless/infinite scroll loops, pinned image-morph galleries, book page-flip feature sections, full-page book sites, cross-dissolve scene transitions, unified AI-generated imagery, film-slate section markers. Use when the user asks…
xulelenlp/dsh-web-artifact-designer
Skill Claude CodeCodex
A design workflow for producing self-contained HTML or SVG files that open directly in a browser. It covers visual work such as posters, infographics, landing pages, charts, banners, cards, and interface mockups.
Lucxar/premium-web-design-skill
Skill Claude CodeCodex
Transform any website into a premium, Apple-quality web experience. Use when building new websites, redesigning existing ones, reviewing web design quality, implementing landing pages, or when the user mentions "premium", "luxury", "high-end", "Apple-like", or "professional" website design. Also activate when creating…
Skill Claude CodeCodex
Design, implement, or review Material 3 and Material 3 Expressive interfaces for Android Compose, Android Views, Wear OS, and the web. Use for Material Design, M3, Material You, adaptive Material layouts, Material-focused Android UI modernization, or Material web component work; do not apply it to a non-Material…
Skill Claude Code
Convert an AI-generated static HTML page (Stardust, Mobirise, Relume, Lovable, v0, Figma-derived hand-coded, etc.) into an Adobe Edge Delivery Services page that preserves the original DOM byte-for-byte while making the text and image content authorable in Document Authoring. Triggers on "convert this page to EDS"…
Skill Codex
Consolidate shared UI, split multi-responsibility files or extract packages. Not for redesign (chiaroscuro), typography (typecase) or behaviour-preserving cleanup (unslop).
Skill Claude CodeCodex
The ultimate frontend design and development skill. Creates production-ready, pixel-perfect web interfaces with Next.js + Tailwind + shadcn/ui. Combines design thinking, UX best practices, accessibility, animation, and real design system patterns inspired by the best sites on the web. Invoked explicitly via…
Skill Claude CodeCodex
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
Skill Claude CodeCodex
Compose an A2UI payload (typed atom blocks) and render it into real HTML — a chart, dashboard, status board, decision tree, or any structured UI, once the right atoms are already known (see the a2ui-catalog skill for picking them). Use when asked to SHOW something rather than describe it, and the host can display HTML…
Skill Claude CodeCodex
A guide for building single-page landing pages, portfolio sites, product homepages, and promotional websites with animated scrolling and interactive effects.
Virdis-Agency/website-speed-fix
Skill Claude Code
Audit a URL with Google PageSpeed Insights and apply concrete speed fixes to the current working directory. Detects stack (Next.js, Vite, Astro, SvelteKit, Nuxt, WordPress, plain HTML), maps PSI audits to remediation steps via audits.md, applies stack-specific recipes from playbooks.md, and verifies with a post-apply…
Skill Claude CodeCodex
Build Zalo Mini Apps - lightweight React web apps running inside the Zalo super-app. Use for Zalo Mini App setup, zmp-cli/devtools, ZaUI 1.11.x components, zmp-sdk APIs, permissions, token-based phone number flow, user info, storage, local file storage, camera/media, document preview, payment/Checkout, Open APIs…
Skill Claude CodeCodex
Turn any static SVG mascot, logo, icon, or character into physics-driven animation, using Anime.js v4 as the default engine for interactive contexts and baked CSS keyframes for README and docs assets. Use this skill EVERY TIME the user wants to animate an SVG, add motion to a mascot or logo, build animated README or…
Pedi-Solutions-Inc/pedi-skills
Skill Codex
Design, implement, or review light- and dark-mode Pedi-branded websites, mobile apps, product interfaces, internal tools, and marketing surfaces. Use when work must follow Pedi's visual identity, UI tokens, component conventions, theming, responsive behavior, or accessibility standards; do not use for products…
Skill Claude Code
Transform rough web pages into premium, polished interfaces with glassmorphism, Apple-inspired layouts, and three switchable themes.
Skill Claude CodeCodex
Use before you execute and edit any codes related to React Framework and developing ecosystem.
Skill Claude CodeCodex
Index of all COSS UI particle examples. Use when implementing UI features to find copy-paste-ready component patterns built on coss primitives. Each particle has a description and a JSON URL for easy installation.
satishTheLegend/universal-designer
Skill Claude CodeCodex
UniversalDesigner is the single entry point for ALL frontend design, animation, and 3D work. It understands the project architecture (stack, existing design infra, constraints), sets a design direction, then routes execution to the right specialist skill(s) among 24 design skills: 3D engines (Three.js, R3F, Babylon…
wuyaojunkylin/research-digital-curation-skills
Skill Claude CodeCodex
A guide for turning confirmed digital-curation content into tested frontend prototypes and reusable page structures. Digital curation presents research or cultural material online as an organized exhibition.
danger-English/agent-zero-to-one-cn
Skill Claude CodeCodex
Polish an existing single-file personal page after the user asks for a clearer, more readable design while preserving its content and no-build setup.
Immoderate-humulin783/odoo-skills
Skill Claude CodeCodex
Odoo 19 development knowledge base with 18 specialized guides covering Actions (ir.actions., cron jobs, server actions), Controllers (HTTP routing, endpoints, auth types), Data files (XML/CSV records, shortcuts, noupdate), API Decorators (@api.depends, @api.constrains, @api.ondelete, @api.onchange, @api.model…
Skill Claude CodeCodex
Build modern, responsive, accessible web interfaces using pure Bootstrap 5. Use when creating layouts, components, forms, or styling with Bootstrap's utility classes and components. Covers grid system, flexbox utilities, spacing, colors, typography, forms, buttons, cards, modals, navbars, dropdowns, alerts, and best…
emilianoeloi/ios-WK-UI-WebView
Skill Claude CodeCodex
Use when: implementing Objective-C changes in WKWebView/UIWebView flow, JavaScript bridge, and navigation behavior with minimal risk.
Skill Claude CodeCodex
MUST use when implementing UI components or frontend pages in this project. Triggers: designing UI, implement page, develop UI, write component, frontend development, create component, build interface, style page, button, form, modal, toast, card, input, styling, interface, shadcn, ant design, antd, element plus…
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: