Web & Frontend

iberi22 Skill

Dynamically load and manage skills from the SWAL registry. Use when you need to access a specific skill (like astro, nextjs, tailwindcss) or when you want to list available skills. The skill provider fetches skills from raw GitHub URLs or serves them from local cache. Perfect for agents that need skills on-the-fly without pre-installation.

iberi22 Bundle

Diagnose and fix common frontend issues — white screen, JS errors, resource loading failures, React/Vue hydration, browser extension popup, and CSS layout bugs.

spences10 Bundle

Implement Svelte 5 runes correctly. Use for reactive state, props, effects, $state.raw, $derived.by, $props, and $bindable.

spences10 Bundle

Svelte CSS styling patterns. Use for scoped styles, CSS custom properties, style: directive, :global, or styling child components.

spences10 Bundle

Build Svelte components. Use for Svelte custom elements, component libraries (Bits UI, Ark UI, Melt UI), form patterns, or third-party integration.

spences10 Bundle

Svelte deployment guidance. Use for adapters, Vite config, pnpm setup, library authoring, PWA, or production builds.

spences10 Bundle

Build Svelte LayerChart components. Use for tooltip snippets, Chart context access, gradients, highlights, axes, and Svelte 5 snippet patterns.

spences10 Bundle

SvelteKit structure guidance. Use for routing, layouts, error handling, SSR, or svelte:boundary. Covers file naming, nested layouts, error boundaries, pending UI, and hydration.

spences10 Bundle

Svelte template directive guidance. Use when working with snippets, attachments, dynamic HTML, declaration tags, debugging tags, or global DOM events.

vostrikovva Skill

Tauri desktop apps with a Vite plus React plus TypeScript webview. Use when adding IPC commands, capabilities, or packaging a desktop shell. Keep OS capabilities on a minimal allowlist.

vostrikovva Skill

Next.js App Router, RSC, and the Next bundler (Turbopack in dev, webpack in typical production builds). Use when the repo is Next.js, not Vite. Covers next/image, next/link, and next.config.

vostrikovva Skill

Expo and Expo Router on top of React Native, TypeScript. Use with vercel-react-native-skills for lists, animations, and native performance. Covers EAS, Expo Router, and JS vs native APIs.

vostrikovva Skill

Vite plus React plus TypeScript SPA. Use when the app is Vite (vite.config), not Next.js. Covers import.meta.env, dev proxy to an API, React Router, and code splitting.

vostrikovva Bundle

Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and version-aware Vercel/framework docs. Trigger for Vercel bill reduction, slow or expensive routes, caching opportunities, Function Invocations, Build Minutes, Fast Data Transfer, Core Web Vitals, Bot Management, Fluid compute, or cost breakdown requests.

vostrikovva Bundle

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

vostrikovva 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".

elinking-111 Bundle

Multi-platform paid ads reporting for client-ready weekly, monthly, audit, and executive reports. Use when the user needs an ads report, client summary, PDF/HTML report, weekly performance recap, monthly business review, QBR, action plan, platform scorecard, or needs to turn Google/Meta/TikTok/LinkedIn/Microsoft/Apple Ads exports into a clear narrative with metrics, causes, risks, and next actions.

shawnxxxqazwsx Bundle

Analyze and plan spatial-audio formats, conventions, recording, rendering, evaluation, delivery, standards, papers, and datasets across channel-, object-, scene-, and sound-field-based systems. Use when a request has a spatial or immersive audio component; do not trigger for generic audio work or general paper searches.

wuyue12-tech Bundle

Converts books and documents (PDF, EPUB, DOCX, HTML, Markdown, plain text, RTF, MOBI/AZW with Calibre) into structured agent skills, extracting frameworks, mental models, principles, techniques, and anti-patterns. Use when the user wants to study a document through GitHub Copilot CLI, Amp, or Claude Code, apply an author's frameworks while working, or build a reusable knowledge base from a file.

wuyue12-tech Bundle

Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, loop/flywheel, nested, tree, org chart, layer stack, Venn, pyramid/funnel, bar, line, Gantt and scatter charts, high-level, process, medallion, data flow, DP integration, or DP security matrix diagrams as standalone HTML/SVG/PNG. Redraw .drawio/.drawio.png/.drawio.svg or Mermaid .mmd sources at a chosen size/detail; onboard brand tokens from a website; add semantic patterns, callouts, accessible motion, or sketchy/hand-drawn styling.

byronwall Bundle

Component Trim Refactor

byronwall Bundle

Prevent SolidJS SSR hydration mismatches during frontend edits. Use when changing components that render on both server and client, especially markdown renderers, conditional JSX, list rendering, and DOM-structure-heavy UI.

xakki Bundle

Authoritative dictionary of standard developer abbreviations for variables, functions, classes, CSS classes, tokens, and terse technical writing. Use it before shortening a name, choosing a naming convention, or adding to the shared abbreviation dictionary, glossary, or acronym list. Accept only widely recognized terms.

xakki Bundle

Publish a self-contained HTML artifact or page to a self-hosted static site with a project make publish-artifact target, then return its public URL.

nirjhar17 Skill

Write documents in a clear, connected teacher voice — plain language, flowing paragraphs, enough context to follow — and apply a clarity pass that catches reader confusion, jammed paragraphs, missing bridges, and undefined jargon. Use when the user asks for teacher style, explain like chat, teach-through writing, clarity edit, fix confusing prose, untangle jammed paragraphs, or rewrite deep-research / outline output into readable docs (HTML, markdown, or other).

nirjhar17 Skill

Create professional HTML demo guides for live customer demonstrations of Red Hat products. Use when the user asks to "create a demo guide", "build a demo script", "make a demo walkthrough", "create a lab guide", or any request to produce a step-by-step HTML demo document for customer-facing technical demonstrations.

nirjhar17 Bundle

Build customer-ready architecture diagrams in Google Slides using the interactive-architecture mental model (nodes, named flows, steps, modes, active/participant/dimmed states) adapted for static slides and optional storyboard sequences. Use when the user asks for an architecture diagram, service map, data-flow walkthrough, MTC/MTA topology, system flow on slides, click-through architecture in Google Slides, or to redesign a messy boxes-and-arrows slide. Do NOT use for interactive HTML diagrams (use the HTML architecture-diagram skill) or for generic non-diagram slide content.

dawnmoon1542 Bundle

Convert long-form Markdown (plan, spec, system design, RFC, runbook, postmortem, brainstorm, notes) into a single self-contained HTML page with Mermaid diagrams, syntax-highlighted code, step timelines, callouts, sidebar TOC. Claude-orange light+dark theme. Multi-language. Portable across Claude Code / Codex / Antigravity / any AI agent.

dawnmoon1542 Bundle

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

dawnmoon1542 Bundle

Use the official MinerU (mineru.net) parsing API to convert a URL (HTML pages like WeChat articles, or direct PDF/Office/image links) into clean Markdown + structured outputs. Use when web_fetch/browser can’t access or extracts messy content, and you want higher-fidelity parsing (layout/table/formula/OCR).

dawnmoon1542 Bundle

比较 shadcn/ui、HeroUI、Material UI、UI TripleD、Tailark UI、ReUI、shadcnblocks、Kokonut UI，并维护 pnpm + React 展示项目。用于 UI 组件库选型、风格页面规划、shadcn 生态组件库比较、React 页面展示框架扩展。

dawnmoon1542 Skill

前端UI设计莫兰迪配色方案。在界面中形成低饱和、偏灰、层级清晰的统一观感，兼顾阅读性与氛围感，适用于品牌型与内容型产品界面。

cwijayasundara Bundle

Build a deterministic dependency graph of an existing codebase. AST-first for Python and React/JS/TS (stdlib ast + tree-sitter wheels — symbols with line ranges, routes, components, hooks, call/render edges, god-file skeletons, incremental --files patching); regex fallback for C#, Java, Go. Outputs JSON + ranked symbol map + Mermaid + metrics for downstream brownfield, refactor, and seam-finder skills.

vathymut Bundle

Use when building new web components, pages, applications, posters, or interactive artifacts from scratch or a brief.

vathymut Bundle

Use when building a presentation as a single self-contained HTML file, converting PowerPoint to web, or enhancing an existing HTML deck.

jaquevan Skill

Reviews code for over-engineering, or applies a "laziness ladder" before writing new code. Checks whether something needs to exist, already exists in the codebase, is covered by the standard library or an installed dependency, or can be a one-liner, before allowing new abstractions. Use when the user says "ponytail this", "ponytail review", "review for over-engineering", "is this over-engineered", "simplify this", "lazy dev review", or "did I overcomplicate this". Never skips validation, error handling, security, or accessibility. Does NOT apply to documentation or prose files, only to actual code. Global skill, works in any project. Adapted from https://github.com/DietrichGebert/ponytail.