Web & Frontend

gaborpinterweb Bundle

Runs a technical Answer Engine Optimization (AEO) audit on a static-site frontend, evaluates ~47 rules across 10 checklist areas (plus Answerlint attachments), and writes a dated self-contained HTML report under reports/aeo/YYYY-MM-DD-HHmm/ (single-site) or <site-dir>/reports/aeo/YYYY-MM-DD-HHmm/ (multi-site) with collapsible pass/partial/fail results, attachments, and commit hash. Use when the user asks for an AEO audit, GEO audit, AI visibility / citation readiness scorecard, or Answerlint-based report.

gaborpinterweb Bundle

Implements technical AEO fixes from a technical-aeo-audit handoff.md (IMP-* tasks) produced under reports/aeo/YYYY-MM-DD-HHmm/ (single-site) or <site-dir>/reports/aeo/YYYY-MM-DD-HHmm/ (multi-site). Use when the user asks to apply AEO/GEO audit recommendations, implement AI-visibility scorecard fixes, or follow up after a technical-aeo-audit HTML report.

game1991 Bundle

前端 UI 研发工作流（五阶段编排）：用户从零描述一个新产品/新页面/新模块的功能，或提供截图/参照物， 通过分层访谈确认细节 → 生成高保真 HTML 原型 → 确认迭代 → 落码为可适配任意组件库的页面（默认通用 HTML/原生实现，组件库如 Ant Design、Element Plus 作为可选适配层）。 触发场景："我想做一个 XX 产品/平台/系统"、"帮我设计一个页面"、"按这个截图出个 UI"、 "把这个需求做成界面"、"继续做上次那个页面/恢复 UI 设计工作流"。 不触发（负向排除）：已有项目的功能迭代（如"给订单页加个导出按钮"）、bug 修复、后端/接口需求、 用户已给出明确组件库和现成页面要求直接实现、已明确需求只想生成组件代码（走对应的组件库开发指南 skill）。

game1991 Bundle

Use when creating HTML documents containing Mermaid diagrams (architecture/sequence/relationship/flowchart) that need zoom, pan/drag, or fullscreen interaction; or when Mermaid charts in an HTML doc are static, too small to read, or only showing the top-left corner of a large diagram.

joevstaas Skill

Build interactive maps with Mapbox GL JS and ODP geodata in Next.js — covers setup, dynamic imports, CSS loading, geometry conversion, layer management, and common pitfalls

lareina0011 Bundle

花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。

jiaiyan Skill

A dynamic input component for managing arrays of values with add, remove, and sort capabilities, supporting input and pair presets

jiaiyan Skill

Gradient text component for styled text with gradient colors. Invoke when user needs decorative text, gradient headings, or styled text elements in Naive UI.

jiaiyan Skill

Global configuration provider for theme, locale, and component options. Invoke when user needs to set up global theme, internationalization, or configure default component behaviors in Naive UI.

jiaiyan Skill

Infinite scroll component for loading content on scroll. Invoke when user needs to implement infinite scrolling lists or lazy loading content in Naive UI.

jiaiyan Skill

Number Animation component for animating number transitions with customizable duration, precision, and formatting. Invoke when user needs to implement animated number counters, statistics displays, or number transitions in Naive UI.

jiaiyan Skill

Collapse transition component for smooth show/hide animations. Invoke when user needs to implement expand/collapse animations in Naive UI.

bmad-labs Bundle

Use when writing, reviewing, executing, or updating manual test cases or a test plan; when asked 'how should I test this'; when restructuring an existing test suite or its layout; or after implementing a feature that changes system behavior — per CLAUDE.md, updating the manual test plan is mandatory. Covers API/backend, frontend, pipeline/workflow, AI/LLM, GUI, and infrastructure testing.

bmad-labs Bundle

Build high-quality, animated, professional web pages that VISUALIZE software architecture, system design, data models, or a product idea — using Three.js (3D) + GSAP (scroll/animation) + SVG diagrams. Produces two things, usually together: (1) a cinematic scroll-story landing page where a 3D low-poly world narrates how a system works, and (2) an interactive architecture map with switchable overlay "lenses", clickable drill-down component diagrams, and crow's-foot ERDs. Every output ships with a built-in EDIT MODE so the human can click components / snip areas / pick 3D objects and batch visual feedback straight to you. Use this skill WHENEVER the user wants to visualize, present, "show", animate, or build an interactive page for an architecture, system design, technical concept, data model, pipeline, or product story — including phrases like "intro page", "architecture visualization", "interactive diagram", "scrollytelling", "3D system map", "ERD page", "design walkthrough", "make our architecture look impres

leanprover Bundle

Extract Zulip thread HTML dumps into readable plain text. Use when the user provides a Zulip HTML file or asks to parse/read/convert/summarize a Zulip thread.

brobertsaz Bundle

React Patterns and Best Practices

jim0thy Skill

Frontend UI/UX Skill

monumentalsystems Skill

Next.js Generative UI Skill

starchild-ai-agent Bundle

Human-designed UI template library with 380 templates from 9 professional sources. Use for any web page creation: landing pages, portfolios, business sites, dashboards, crypto/web3, etc. All templates are real human-designed HTML/CSS/JS — no AI-generated slop.

askaret Skill

Use for any change in C#/.NET projects. Do NOT trigger for frontend-only work. Always update or add tests and run the standard test command before finishing.

askaret Skill

Use for React/TypeScript changes. Do NOT trigger for backend-only work. Keep changes localized to the feature slice; follow existing component/state patterns.

davesteadman Bundle

Search the web via DuckDuckGo HTML endpoint (no API key). Returns structured JSON results.

archestra-ai Bundle

tasteskill: Anti-Slop Frontend Skill

twofoldtech-dakota Skill

Modern frontend patterns for headless Optimizely CMS (React, Next.js)

twofoldtech-dakota Skill

Modern frontend patterns for Optimizely Experimentation

scottermonk Bundle

Aesthetic Standards

harivansh-afk Skill

Run accessibility and visual design review

tsinghua-fib-lab Bundle

Create distinctive, production-grade frontend interfaces with high design quality. Use when building or polishing analysis HTML reports under agentsociety-analysis — read via support/frontend-design/ inside that skill, not as a separate pipeline skill.

yonichechik Skill

Conventions and patterns for React Native/Expo mobile development including component structure, styling with NativeWind, hooks, testing, and Storybook

jhostalek Bundle

Produce a self-contained HTML implementation plan for explicit approval before coding.

nvidia Bundle

Use when selecting, configuring, composing, or troubleshooting NeMo Agent Toolkit agents and control-flow components, including ReAct, tool-calling, ReWOO, reasoning, router, sequential, parallel, and sub-agent patterns.

seonghyeonkimm Skill

Seed Design React 컴포넌트 라이브러리 참고 문서. Use when: @seed-design/react 컴포넌트 사용, UI 컴포넌트 구현, seed-design 컴포넌트의 props/API 확인이 필요할 때.

deveclipsy007 Bundle

Harmoniza a tela de relatorios do admin ao estilo visual aprovado da area cliente.

triggerdotdev Skill

Covers writing backend Trigger.dev tasks with @trigger.dev/sdk: defining task() and schemaTask(), the run function and its ctx, retries, waits, queues and concurrency, idempotency keys, run metadata, logging, triggering other tasks (and the Result shape), scheduled/cron tasks, and the essentials of trigger.config.ts. Load this whenever you are authoring or editing code inside a /trigger directory, defining a task, or writing backend code that triggers tasks. Realtime/React hooks and AI chat are covered by separate skills.

triggerdotdev Skill

Trigger.dev client/frontend surface: subscribe to runs in realtime (runs.subscribeToRun and the @trigger.dev/react-hooks hook useRealtimeRun), consume metadata and AI/text streams in React (useRealtimeStream), trigger tasks from the browser (useTaskTrigger, useRealtimeTaskTrigger), and mint scoped frontend credentials with auth.createPublicToken / auth.createTriggerPublicToken. Load when wiring a frontend (React/Next.js/Remix) or backend-for-frontend to show live run progress, status badges, token streams, trigger buttons, or wait-token approval UIs. NOT for writing the backend task itself (streams.define / metadata.set is trigger-authoring-tasks territory); this is the consumer side.

proxiblue Skill

Creates a frontend controller action in Magento 2 for the storefront. Use when building custom frontend pages, AJAX endpoints, form submission handlers, or API-like endpoints for JavaScript.