14,027 tagged Frontend, measured the same way as everything else here.
Browse within: skills 138agent 128agentic-ai 98javascript 95LLM 87nextjs 78agents 63design-system 62cli 55copilot 55agentic 51claude-code-plugin 45chatgpt 43open-source 42
CK42BB/procedural-stars-threejs
Skill Claude CodeCodex
Generate stunning procedural night skies, starfields, nebulae, and celestial phenomena in Three.js using WebGPU compute with WebGL2 fallback. Covers scientifically-grounded starfields with spectral color temperature, magnitude-based brightness, and twinkling; volumetric nebulae with emission/absorption/reflection…
Skill Claude Code
Audit a page for accessibility failures and report the failing selector with its fix.
martgueritainaccurate875/skills
Skill Claude CodeCodex
React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native capabilities, and engineering (project structure, deployment, SDK upgrades, CI/CD). Use when: building React Native or Expo apps, implementing…
Skill Claude CodeCodex
A conversion tool for turning HTML, React, or Vue demo pages into native WeChat Mini Program projects. WeChat Mini Programs are small apps that run inside WeChat.
Skill Claude CodeCodex
Create schema-validated HTML survey pages from natural-language requirements using the admin designer references. Use this skill whenever the user asks to create, design, prototype, render, or generate a survey/questionnaire HTML page, especially when they want free-form UI style but need the question structure…
Skill Claude CodeCodex
Your TinyMCE Setup Partner. Use this skill whenever the user asks about integrating, setting up, configuring, or installing TinyMCE into a project. Covers environment selection, plugin recommendations by industry, API key validation, and generating framework-specific integration code. Trigger on mentions of TinyMCE…
Skill Claude CodeCodex
Extrai o design system de um HTML/URL/print e gera um design-system.html canônico (11 seções, anatomia replicável, regras do/dont, tokens CSS, classes .ds-, WCAG AA, voz, versionamento) preservando 100% das classes/animações originais. Salva o DS mestre do seu OS em contexto/design-system.html e a referência extraída…
Skill Codex
Create or refine a DESIGN.md from a public website URL, then use that design system to build and open a standalone HTML page based on either a reference URL or the user's requested page and content. Visually validate the HTML and feed reusable corrections back into DESIGN.md. Use when the user wants a DESIGN.md, an…
Skill Codex
Orchestrate UI direction, composition, motion provider selection, implementation, and browser-proven quality for polished frontend work. Use when Codex needs to improve a visual surface with animation or interactive polish; when a request mixes design intent, component choice, browser validation, accessibility, or…
Skill Claude CodeCodex
Create or upgrade premium branded websites, landing pages, mobile web experiences, and interactive sections using a curated motion-design catalog, reusable interaction primitives, brand-first art direction, responsive behavior, accessibility, performance budgets, and verification. Use when the user asks for a branded…
Skill Claude CodeCodex
Publish your own work to 21st.dev and manage it from the terminal with the 21st CLI (@21st-dev/cli): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page…
Skill Claude CodeCodex
Must use when building any kind of frontend interactivity in WordPress — dynamic or static blocks, classic themes, anything using data-wp- directives, the @wordpress/interactivity package, wpinteractivitystate/wpinteractivitydatawpcontext/wpinteractivityconfig helpers, the interactivity-router, or whenever a task…
Ceciliaaaaaaaaaa/personal-homepage-design
Skill Claude CodeCodex
A Chinese-language skill for designing and building personal homepage websites, portfolios, and developer or designer brand pages in an Apple-inspired style. It outputs two polished HTML homepage options.
chenxihuang1028-a11y/super-web-design
Skill Codex
Premium website builds with varied heroes, React Bits backgrounds, static index.html delivery, browser QA, and chat-only feedback. Use for Super-Web-Design or advanced landing/product/media sites.
Skill Claude CodeCodex
Primary Web development skill for apps/web — white-floating-card design language, disciplined @felinic/ui usage, deliberate copy, honest empty states, aligned controls, and restrained motion. Never hand-write controls or menus; never leave stray fragments (orphan status labels, misaligned save hints). Compose from…
Skill Claude CodeCodex
Opinionated app components building on top of ./ui primitives.
Skill Claude CodeCodex
Use this skill whenever building interfaces that should feel physically responsive, alive, and polished. Trigger for spring animations, gesture-driven UI, interruptible animations, physics-based motion, drag interactions, momentum scrolling, layout animations, shared element transitions, spatial UI…
Skill Claude Code
Creates horizontally fanned/cascading card stacks with proper z-index ordering and hover lift animations. Use when building album browsers, card fans, stacked previews, or any overlapping card collection.
Skill Claude CodeCodex
Build or review substantial full-stack and product-facing UI work with evidence-bound architecture, production, accessibility, interaction, and ethical UX gates. Skip trivial edits and non-product documentation.
Skill Claude CodeCodex
Generate animated ASCII art, dithered visuals, and shader-like effects as self-contained React/TSX components. Use when the user wants to create ASCII backgrounds, dithered image/video effects, CRT/retro overlays, matrix rain, noise fields, halftone patterns, particle systems, braille art, terminal aesthetics, or any…
Skill Claude CodeCodex
DNA de design de 20 sites premium (engenharia reversa via DevTools) — a fórmula Webflow/HTML + Lenis + GSAP/ScrollTrigger destilada em leis, calibres medidos e 22 efeitos nomeados com código. Use ao criar landing pages animadas, sites com scrollytelling, heroes tipográficos, vídeo-fundo, marquees, pin/scrub ou…
OpenAEC-Foundation/OpenAEC-Workspace-Composer
Skill Claude Code
Use when designing Tauri 2 app architecture, choosing between IPC approaches, or planning application structure. Prevents using commands for streaming data, events for request/response, and putting business logic in the frontend. Covers commands vs events vs channels, state architecture, frontend-backend split…
albertomf1979/wcag-accessibility-agent
Skill Claude CodeCodex
Experto en accesibilidad digital basado en los estándares oficiales W3C WAI (https://www.w3.org/WAI/). Úsalo SIEMPRE que el usuario mencione: accesibilidad, WCAG, A11y, contraste de color, lectores de pantalla, ARIA, roles semánticos, navegación por teclado, focus, skip links, alt text, captions, subtítulos…
Skill Codex
Use when the user wants Codex to build, refine, test, or validate a GUI-Anything harness for any software or source repository. Adapts the GUI-Anything methodology to Codex without changing the generated React+Tauri harness format.
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: