13,917 tagged Frontend, measured the same way as everything else here.
Browse within: skills 123agent 118agentic-ai 98LLM 95javascript 94nextjs 85design-system 63copilot 60agents 54css 52cli 49checklist 47front-end-developer-tool 47front-end-development 47
Skill Claude CodeCodex
Author Bricks Builder (WordPress) layouts, templates, and full designs as paste-ready JSON. Use for any Bricks task — sections, pages, headers/footers, query loops, ACF/dynamic data, faceted filters, conditions, interactions/animations, popups, WooCommerce templates, custom elements, or hooks. Verified against Bricks…
nroadley/Creating-Oneshot-Hero-Landing-Pages
Skill Claude CodeCodex
Designs and builds video-driven parallax hero landing pages with smooth video scrubbing, progress-locked typography, and clean navigation. Powered by Gemini Omni and Nano Banana.
Skill Claude CodeCodex
Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop. Use when building or restyling any website, landing page, hero, marketing page, portfolio, or web UI; when adding scroll animations, reveals, parallax, marquees, hover effects, page…
Skill Claude Code
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
Skill Claude CodeCodex
Creates a new DB UX Design System component with Mitosis source, SCSS, typed model, and Playwright tests.
Skill Claude Code
Astro 7 conventions for ONE sites — plugin wiring via one.config.ts, OneChat/OneTrack placement, Cloudflare SSR. Invoke when editing .astro files or astro.config.mjs.
Skill Claude CodeCodex
Generate a standalone HTML page into a requested output path. This skill is used for real integration and long-run tests.
agutinbaigo28/financial-agent-api
Skill Claude Code
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling.
Skill Claude CodeCodex
Installs and wires @rsc-boundary/next into a Next.js App Router app (dependencies, root layout provider, optional explicit markers). Use when the user wants to add RSC Boundary, integrate @rsc-boundary/next, or set up server/client boundary devtools in Next.js. The unscoped rsc-boundary package on npm is deprecated …
SemineChen/yueban-image-to-code
Skill Claude CodeCodex
An image-to-code workflow that turns a selected interface image, screenshot, or design export into code and separate transparent PNG assets. It targets an exact 750-pixel-wide, 1:1 recreation with editable text.
Skill Claude CodeCodex
A coding assistant for the traditional Kuikly DSL, a language used to build user interfaces. It covers Kuikly components, system modules, layouts, events, state, animations, routing, networking, lists, and custom extensions.
Skill Claude CodeCodex
Use the pdf-vue3 Vue 3 component to render PDFs (URL, base64, or Uint8Array) with built-in virtual scrolling, crisp zoom, print, download, and page navigation. Trigger when the user asks to display a PDF in a Vue 3 / Nuxt 3 app, mentions pdf-vue3 or , needs to handle large/multi-thousand-page PDFs, S3 presigned URLs…
wpgaurav/generateblocks-skills
Skill Claude CodeCodex
Convert Elementor layouts to clean GenerateBlocks V2 format, eliminating DIVception.
Skill Codex
Generate original ideas or escape fixation.
Skill Claude CodeCodex
Build an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand using Higgsfield. As the visitor scrolls, a pre-rendered camera flies from outside each scene into its interior, then flows on to the next scene with NO cuts — one continuous connected flight (Emons-style isometric…
raintree-technology/hig-doctor
Skill Claude CodeCodex
Audit interface source with HIG Doctor when the user asks to scan, lint, review, or remediate Swift, UIKit, AppKit, React, Vue, Svelte, Angular, Compose, Android XML, Flutter, CSS, or HTML for HIG-aligned interface and accessibility concerns. Do not activate for general design advice without source to audit; use the…
Skill Claude CodeCodex
A set of instructions for building and reviewing product front ends, meaning the visible part of an application that users interact with. It covers pages, components, forms, data flow, layout, styling, responsive behavior, and animations.
Skill Claude CodeCodex
Use when working in any FaasJS repo and no narrower FaasJS skill is already selected, or when a task spans project conventions, validation gates, security boundaries, and multiple FaasJS subsystems. For focused work, also load the relevant FaasJS skill: faasjs-project-workflow, faasjs-react-ant-design…
Skill Claude CodeCodex
What building realness taught us about the web platform - semantic HTML with microdata as one decision that serves SEO, CSS selectors, layout, the data model, state (no Pinia), file storage paths, and the NoSQL database. Plus baseline-grid spacing, fluid type scale, materials-and-roles color, OS dark mode, and cascade…
Skill Claude CodeCodex
Public-safe julilaoshi-design workflow for official Pencil MCP execution and the free browser-first julilaoshi-design Web 2.0 editor. Use when a task needs Pencil handshake/canvas edits, .pen execution, screenshot review, or lightweight HTML design-to-web tweaking without redistributing official Pencil or leaking…
Skill Claude CodeCodex
Anti-pattern detector and design rules for AI coding agents. Catches the specific mistakes AI makes when generating UI: gray text on color, nested cards, broken buttons, missing states. Use before shipping any frontend.
Skill Codex
Create distinctive, production-grade frontend interfaces with a clear visual direction while respecting project design specification constraints, existing design systems, and minimal-diff engineering boundaries. Use when building or restyling pages, landing screens, dashboards, marketing surfaces, or other frontend UI…
Skill Claude CodeCodex
Apply visual changes from the Retune overlay to source code. Use this skill when receiving output from retune MCP tools (retunegetformattedchanges, retunegetpendingchanges) OR when the user pastes structured visual change output containing "# Visual Changes", "# Comments", "Prop Changes", "Attribute Changes", "SVG…
Skill Claude CodeCodex
Build a frontend with a deliberate visual direction held through palette, typography, structure, and texture, with on-screen strings that name real information rather than fabricated demo data or filler labels. Use when building or restyling a frontend.
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: