Web & Frontend

neotherapper Bundle

Produces one focused lesson for a single, already-scoped concept — invoked by the paidagogos router after its scope check, or directly via /paidagogos:micro. Generates a structured lesson page (standard topics) or a live interactive page with sliders and visualisations (math, physics, geometry, statistics). Use for a concrete single concept such as "CSS flexbox", "async/await", "SQL JOINs", or "derivatives". For a bare or broad learning request ("teach me X", "explain X", "I want to learn X"), the paidagogos router handles scope first and then routes here.

northseadl Bundle

LLM Agent engineering: pattern selection (12-mode matrix), data simulation, convergence iteration. Covers intent routing, function calling, ReAct, MCP, prompt chaining, guardrails, evaluation.

nvidia Skill

Teaches agents how FHIR R4 APIs work, what resources are available, how to query them with search parameters, and how to correctly parse all response formats including component Observations.

nwiizo Bundle

Find and safely remove redundancy in a Marp presentation while preserving comprehension, emphasis, pacing, and accessibility. Use when a deck is too long, repeats claims, examples, setup, code, or command output, contains thin or overloaded slides, needs a target duration, or requires evidence-based cut, merge, compress, and keep decisions.

oceanbase Skill

官方 OceanBase 知识库（文档/参数/概念）。用户问手册级问题、参数含义、架构与运维说明时使用；不用于查询实时集群状态。需在 agent.yml 中开启 oceanbase_knowledge.enabled 并配置 bearer_token。网关 POST /retrieval；component 仅允许固定枚举（见正文，默认 oceanbase）。

oneworks-ai Bundle

Apply, review, and continuously evolve the OneWorks team's durable UI design standards. Use for any OneWorks task that changes or reviews layout, styling, theme, spacing, responsive behavior, component appearance, visual assets, or reference-image fidelity, and whenever user visual feedback may express a reusable team standard. Require a Visual Brief, conflict-aware project memory capture, a completed independent visual consistency session with real expected-behavior validation, and experience persistence before delivery; do not promote one-off pixel nudges into lasting rules.

jlreyes Bundle

Builds native-macOS-style app prototypes on the web using the bundled mac-chrome React/TypeScript toolkit — managed apps and windows, desktop shell, Dock, navigation split views, source lists, forms, controls, menus, window recipes, tokens, and composable new/fork/serve command recipes. Use when creating, forking, changing, or reviewing a macOS-look prototype, or when asked to make a web UI look and behave like a Mac app.

jlreyes Skill

Apple's implementation guide for Dynamic Type support on iOS: UIKit and SwiftUI patterns, common mistakes, Large Content Viewer, and a testing checklist. Use when adding or fixing Dynamic Type / text-size accessibility support. (Content extracted from your local Xcode on install.)

liyong-labs Bundle

Repo code maintenance skill package entry. Routes to sub-skills: py-improve (Python) / doc-reorg (docs + directories) / db-tweak (PostgreSQL) / vue-improve (Vue 3) / config-base (toolchain) / evolve (pitfall distillation). Use when the maintenance request is ambiguous and no single sub-skill clearly matches. Triggers: repo-medic, code maintenance, meta skill, project upkeep, evolve, pitfall distillation

liyong-labs Bundle

Toolchain bootstrap required by repo-medic — detect + install + upgrade every supporting component (ruff/mypy/codegraph/node/psql etc.). Run `python scripts/tools.py check` to see the status table; `install` auto-installs missing items. Triggers: tool missing, configuration, environment bootstrap, install deps, bootstrap, setup, environment check, dependency check

liyong-labs Bundle

Vue 3 + TypeScript + Vite + Pinia frontend code improvement. Covers component design, setup TDZ pitfalls, watchEffect traps, Pinia store patterns, Vite build optimization, chunk hash deployment. Triggers: Vue, component, Pinia, Vite, setup, watch, watchEffect, ref, routing, bundle, chunk, TypeScript, TS, frontend, SPA, reactivity

mattzcarey Bundle

Interact with local Chrome browser session (only on explicit user approval after being asked to inspect, debug, or interact with a page open in Chrome)

stuartshields Skill

Auto-detects the project's tech stack, then audits for Accessibility, Performance, and Code Quality. Works across WordPress/PHP, Python, Node/JS, and static web projects.

stuartshields Skill

Discover all files for a block or component, trace the editorial and front-end user journeys, and write a journey document to docs/journeys/.

vindm Skill

Before reusing an existing string, component, or copy pattern on a NEW surface — locate its current usage with grep, classify both the existing and the proposed surface by type, and apply the verdict matrix. Catches first-touch copy leaking onto a daily-driver surface, a bug invisible to lint, code review, and per-surface visual review. Load at design time and audit time on any borrowed user-visible element.

kazukinagata Bundle

Manages the local view server that renders task data as interactive HTML pages (Kanban, List, Calendar, Gantt). Starts the server, pushes data, and opens views. Triggers on: "kanban", "list view", "show tasks", "view", "visualize", "gantt", "calendar", "カンバン", "リスト表示", "タスク表示", "ガント", "カレンダー".

keybase Bundle

Use when updating npm/yarn dependencies in shared/package.json, protocol/, or rnmodules/react-native-kb/. Use for routine dep bumps, security updates, or keeping packages current.

keybase Bundle

Use when analyzing a React DevTools Profiler export (.json with "dataForRoots"/"commitData") — re-render storms, commit fan-out, "why did this component render", send/interaction render cost. NOT for Chrome Performance traces (those have "traceEvents" — use electron-profile).

kintsukuro1 Skill

Implement UI animations (hover, transitions, loading, gestures) with performance and accessibility in mind.

kintsukuro1 Skill

Write production-quality frontend components (React, Vue, Svelte) with TypeScript, accessibility, and clean architecture.

kintsukuro1 Skill

UX-focused coding assistant for usability, interaction quality, cognitive load reduction, and accessibility (WCAG 2.2).

kintsukuro1 Skill

Create distinctive, production-grade frontend interfaces with strong visual identity. Use when building or improving web UIs to avoid generic design and produce polished, memorable results.

kopp0510 Bundle

繪製流程圖、架構圖、走向圖（流量走向動畫），最終交付 GIF。當提到「畫流程圖」「畫架構圖」「走向圖」「流程動畫」「diagram」時自動啟用。不適用於資料視覺化圖表（用 dataviz）或網頁 UI 設計（用 frontend-design）。

next-open-ai Skill

Reads, parses, and generates documents in various formats like Markdown, PDF, docx, CSV, or HTML. Uses bash commands to invoke document conversion tools like pandoc or python scripts.

ok-helloworld Bundle

XSS playbook. Use when user-controlled content reaches HTML, attributes, JavaScript, DOM sinks, uploads, or multi-context rendering paths.

rene-kuhm Skill

Generar y ejecutar tests automatizados. Soporta Vitest, Jest, React Testing Library, Playwright.

lobehub Bundle

Use for TSX components, UI libraries, styling, state locality, layout, render performance and memoization.

vietanhdev 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.

vietanhdev Bundle

Suite of tools for creating elaborate, multi-component AnyCowork HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

alenazaharovaux Bundle

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

alenazaharovaux Bundle

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

alenazaharovaux Bundle

Generate self-contained HTML pages that visually explain systems, data stories, investigations, editorial workflows, and code changes. Use when the user asks for diagrams, architecture views, visual diffs, data tables, timelines, source maps, or any structured visualization that would be painful to read as terminal output. Also activates for tables with 4+ rows or 3+ columns. Adapted from nicobailon/visual-explainer with journalism, newsroom, and academic design sensibilities.

muzalee Skill

Create a backend design brief through an interactive interview, codebase exploration, and decisions about data model, auth, scale, consistency, deployment, and observability. Biased toward Fastify (Node) but works for any backend stack. Saved as a markdown file in the project. Use when user wants to plan a backend, design an API, define a data model, mention "backend brief", or pair with a frontend design brief.

muzalee Skill

Build distinctive, production-grade frontend interfaces with high design quality, guided by named aesthetic philosophies. Use when building components, pages, or applications. Generates working code with exceptional attention to aesthetic details and creative choices that avoid generic AI output.

openai Bundle

Define, review, or update SECURITY.md guidance for a repository or component. Use when the user wants to clarify what Codex Security should review, what is out of scope, which security properties must hold, or whether existing guidance still matches the code.

orchardcms Bundle

Builds, watches, and manages frontend assets in OrchardCore. Use when modifying SCSS, JS, TS, or Vue files, adding new assets to a module/theme, or troubleshooting build failures. Covers all asset actions (vite, sass, min, copy, parcel, webpack, concat) and the three-tier package structure.