Web & Frontend

affaan-m Skill

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building any interactive UI component or form.

terrylica Skill

Bootstrap the html-showcase pipeline into the current repo. Copies build-nav.py, check-orphan-pages.py, and site.sh into <repo>/scripts/,

dhofheinz Bundle

Comprehensive code review with specialized focus areas (security, performance, quality, accessibility, PRs)

dhofheinz Bundle

Comprehensive performance optimization across database, backend, frontend, and infrastructure layers

layeddie Skill

HTML/CSS Best Practices

layeddie Skill

Accessibility (a11y) Skill

hivellm Skill

Accessibility audit for WCAG compliance and usability

sc30gsw Skill

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

munlucky Skill

Internal Kernel guidance for frontend and visual behavior changes.

vanman2024 Bundle

Provides installation, prerequisite checking, and project initialization for Astro websites with AI Tech Stack 1 integration

vanman2024 Bundle

Supabase CMS Integration for Astro

vanman2024 Bundle

Content Collections Management for Astro

vanman2024 Bundle

Component Integration

thewatcher01 Bundle

Toolkit for styling outputs with a theme. These outputs can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any output that has been creating, or can generate a new theme on-the-fly.

thewatcher01 Bundle

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

congdon1207 Bundle

---

congdon1207 Bundle

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

anujkumar8076 Skill

Use when the user wants a complex interactive web artifact — React/Tailwind apps, widgets, calculators, or single-page games.

gaia-react Skill

Scaffold a new custom React hook with a Vitest test file. Use this skill whenever the user asks to "create a hook", "make a useFoo hook", "scaffold a custom React hook", "add a hook under app/hooks", or describes a piece of reusable React state/effect logic that warrants extraction into a named `use*` hook.

gaia-react Skill

Patterns and conventions for all Tailwind styling. Use this skill whenever writing Tailwind class names, combining conditional classes, building component variants, or choosing between twJoin and twMerge. Also trigger when the user asks about custom values, defining @theme tokens or CSS variables, naming color/spacing tokens, rem vs px, responsive breakpoints, or avoiding template literal class strings.

gaia-react Skill

Scaffold a new route with its page component, test, story, and optional i18n keys. Use this skill whenever the user asks to "create a route", "add a new page", "scaffold /dashboard", "wire up a new route under _public+ or _session+", or anything that implies adding a file under `app/routes/` with a matching `app/pages/{Group}/{PascalName}Page/` folder.

gaia-react Skill

Resolve axe-core accessibility violations reported by Vitest (test/a11y.ts), Playwright (.playwright/a11y.ts), or the code-audit-frontend agent's a11y bucket. Trigger on any axe rule id appearing in test output, not only the ones named here. Contains fix patterns for the most common violations (color-contrast, label, label-title-only, image-alt, button-name, link-name, region, landmark-one-main, heading-order, aria-allowed-attr, aria-required-attr, aria-required-children, aria-required-parent, aria-valid-attr-value, focus-trap, tabindex, html-has-lang, document-title, duplicate-id, listitem, definition-list); for any violation not listed, apply the general axe guidance and the same fix-then-verify loop.

gaia-react Bundle

Patterns and conventions for writing and editing React code, including components and hooks. Use this skill whenever writing or reviewing React components, hooks (useEffect, useCallback, useState), event handlers, or component extraction decisions. Also trigger when debugging stale closures, infinite re-renders, or unnecessary re-renders caused by memoization issues, or when deciding whether to add a dependency, reach for a web-platform API (Intl, URL, crypto.randomUUID), or hand-roll a primitive. Also trigger when choosing a React 19 idiom, deciding between forwardRef and ref-as-prop, useContext and use(), or Context.Provider and the Context shorthand; when conditional rendering risks the && numeric-0 leak; or when tempted to reach for React's form Actions (useActionState, useFormStatus, useOptimistic) instead of React Router's form handling.

gaia-react Skill

Scaffold a new React component with optional Storybook story and Vitest test files. Use this skill whenever the user asks to "create a component", "make a button", "scaffold a card", "add a new component", or asks for a new file under `app/components/` following the project's component pattern (PascalCase folder, index.tsx, tests/).

gaia-react Bundle

Run the GAIA **react-perf** measure-only diagnostic with these arguments: `$ARGUMENTS`

hughdbrown Bundle

Scaffold and author a math, technical, or code-centered mdBook in Hugh Brown's house style (HTML via MathJax + PDF via mdbook-pandoc/xelatex, mdbook-admonish callouts, justfile build, git, multi-agent review). Use when creating a new book under ~/projects/books, adding a volume to the limits/derivatives/integrals series, setting up an mdBook that needs LaTeX math in both HTML and PDF, or authoring a developer-facing technical book (prose + code samples, ~20 chapters plus appendices) such as a language, runtime, or systems topic (e.g. async Rust).

hughdbrown Bundle

Scaffold, author, edit, and review a developer-facing programming mdBook (Go, Python, or Rust) in Hugh Brown's house style — HTML + PDF via mdbook-pandoc/xelatex, every code sample externalized to a real file and verified by a compiling/testing checker (go test / pytest / rustc), justfile build+deploy, git, multi-agent review. Use when creating a new programming book under ~/projects/books, adding chapters to a Go/Python/Rust book (e.g. async-rust, rust-cli, golang-with-ai, polars), wiring up code-sample verification or include-based listings, or reviewing/editing such a book. For math/LaTeX-heavy books use mdbook-math-book instead; this skill shares its toolchain but replaces the formula machinery with verified-code machinery.

hughdbrown Bundle

Use when a new version of the MicroCraft HTML game (or any single-file HTML/JS game) must be ported or re-synced into the pi-menu repo as a Stellar Unicorn 16x16 app, when Tyler ships a new MicroCraft HTML, when src/pi_menu/microcraft/ must catch up with the HTML at the repo root, or when someone asks to add a new panel app in the pi-menu framework.

ligenjian001-ai Skill

Build Sphinx HTML/PDF documentation and deploy to a remote server via rsync + nginx. Trigger: '发布文档', 'deploy docs', 'publish docs', '部署文档'.

ligenjian001-ai Bundle

Multi-agent panel discussion — Codex subagents debate a topic with preset stances across multiple rounds, producing an HTML report with academic-style references.

mardab96 Skill

Checks whether a store's product data, policies, and structured markup can be read and represented correctly by AI shopping assistants and agentic checkout flows. Use when preparing for AI shopping surfaces, when assistants describe products or policies wrongly, or before deciding whether agentic commerce standards are worth adopting. Requires the rendered HTML or structured data of a product page, not just its URL, unless the environment can fetch pages.

renanfranca Bundle

Drive strict autonomous TDD with quiet output while ensuring tests follow observable behavior, public contracts, user journeys, or stable component APIs instead of production file/class structure. Use when tests must lead implementation, Codex should continue automatically, and new tests must avoid implementation-detail or one-test-per-file design.

greenmamba29 Skill

| name | description | license | tags |

joaquimscosta Bundle

Rapid UI prototyping — generates 3 visually distinct HTML/CSS components from a text prompt and serves them in a live browser gallery. Use when user runs /prototype, asks to "prototype a UI", "mock up a component", "generate HTML mockups", "create UI variations", "design exploration", "quick UI concept", or wants to see multiple visual approaches to a component. Also trigger when user says "show me different ways to build...", "explore different designs for...", or wants rapid visual exploration of a UI idea — even without saying "prototype" explicitly.

jackspace Bundle

Create uxscii components with ASCII art and structured metadata when user wants to create, build, or design UI components. Use when working with .uxm files, when user mentions .uxm components, or when creating buttons, inputs, cards, forms, modals, or navigation.

outlinedriven-odin-claude-plugin Bundle

Use when a user builds or styles a web frontend or asks to make it not look AI-generated. Not for component-level UI work without the token system: use frontend-ui-engineering.