Web & Frontend

martinopolo Bundle

Writes a standalone design brief for a UI component — surrounding context, exhaustive requirements and states, and a component reuse map — then gates dependent tracker issues/tasks with a Design needed label. Use for a design brief, design spec, component spec, or UI spec.

martinopolo Bundle

Applies refinement requirements to a chosen mockup variant, producing refined.html and SUMMARY.md, updating the brief, and unblocking the tracker issues/tasks that were gated on the design. Use when asked to refine a design, accept or select a variant, polish a mockup, or refine all pending designs.

martinopolo Bundle

Execute GitHub issue scope (bug, task, or feature): investigate, plan, implement, review, run frontend verification when needed, and resolve findings. Use when: "execute issue #N", "implement issue", "work on issue"

martinopolo Bundle

Audits design-system component usage, flagging native elements, wrong variants, missed componentization opportunities, and hardcoded colors that bypass theme tokens.

valec3 Skill

Standardized guidelines and patterns for Frontend Ui Shadcn.

valec3 Skill

Standardized guidelines and patterns for Frontend State Zustand.

valec3 Skill

Standardized guidelines and patterns for Frontend Data Api Layer.

valec3 Skill

Standardized guidelines and patterns for Frontend State Strategy.

valec3 Skill

Standardized guidelines and patterns for Frontend Data Http Axios.

valec3 Skill

Standardized guidelines and patterns for Frontend Quality Linting.

martinopolo Bundle

Creates a React and React Native monorepo from template, with GitHub repo, branch protection, and CI.

scdenney Bundle

Design and format publication-quality tables. Use for column order, row grouping, notes, statistical precision, accessibility, and reproducibility.

scdenney Bundle

Design and format publication-quality figures. Use for chart choice, color, scales, legends, captions, accessibility, and reproducible figure workflows.

catlog22 Bundle

Frontend debugging team using Chrome DevTools MCP. Dual-mode — feature-list testing or bug-report debugging. Triggers on "team-frontend-debug", "frontend debug".

catlog22 Bundle

Unified team skill for interactive component crafting. Vanilla JS + CSS interactive components with zero dependencies. Research -> interaction design -> build -> a11y test. Uses team-worker agent architecture with roles/ for domain logic. Coordinator orchestrates pipeline with GC loops and sync points. Triggers on "team interactive craft", "interactive component".

scdenney Bundle

Typeset a working paper or journal submission in house-style LaTeX from any draft — Markdown, Word (.docx), TeX, ODT, RTF, or HTML. Convert with pandoc, wrap in an EB Garamond template, build the PDF with latexmk, and prepare for a specific journal (spacing, page limit, anonymization, disclosures, citation style). Use for "format/typeset/convert my paper to LaTeX", "make a working paper", "prepare this for submission to <journal>".

scdenney Bundle

End-stage QA on a finished figure and table set — an inventory with in-text callouts and producing scripts, cross-reference and numbering checks, text-to-evidence consistency between claims and plotted or tabulated values, captions and statistical notes that stand alone, accessibility and production quality, and SI and replication-package linkage. Marks anything requiring values read off an image as needing author verification rather than inventing them. Use when the user is preparing a submission and asks to check figures, tables, captions, cross-references, or table notes, or asks whether the numbers in the text match the exhibits. Design guidance during drafting lives in figures and tables.

cercova-studios Skill

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.

lerianstudio Bundle

Generating self-contained, Lerian-branded HTML artifacts — D2 diagrams, comparison tables/matrices, code diffs, dashboards, slide decks, and plan/diff/recap reviews — from mandatory templates, then opening them in the browser. Use for architecture overviews, any table with 4+ rows or 3+ columns, slide presentations, or visual diff/plan/review output. Skip for simple tables that fit the terminal or text-only answers.

zjunlp Bundle

Use when the agent needs to choose a specific object from multiple candidates in the environment based on task criteria such as object type (non-living thing, electrical component, container), properties, or category. This skill surveys visible objects with "look around", evaluates each against the task requirements, selects the most suitable candidate, and signals intent with "focus on [OBJECT]".

zjunlp Bundle

This skill connects two electrical components (e.g., wires, batteries, devices) by their terminals to build or modify a circuit. Use when constructing electrical setups for testing, such as conductivity checks or device activation. The input includes two component identifiers and their connection points, and the output is an established electrical connection.

lerianstudio Bundle

Using lib-observability/assert, Lerian's runtime assertion package, in two modes. Sweep Mode detects panic()/log.Fatal zero-panic violations, DIY invariant checks, hand-rolled domain predicates, and missing InitAssertionMetrics. Reference Mode catalogs the asserter lifecycle, domain predicates, observability trident, AssertionError unwrapping, and the panic-vs-assert-vs-error decision tree. Go-only. Skip for non-Go or frontend code.

lerianstudio Bundle

Using lib-observability/runtime, which turns silent goroutine deaths into log/span/metric signal, in two modes. Sweep Mode detects naked goroutines, unobservable defer recover(), missing InitPanicMetrics, and lib-commons/v5 shim imports. Reference Mode catalogs SafeGo, RecoverWithPolicy, the policy decision tree, and Fiber/gRPC/RabbitMQ integration. Go-only. Skip for non-Go or frontend code.

lerianstudio Skill

Using lib-observability/tracing for OTEL provider lifecycle, trace-context propagation across HTTP/gRPC/queues, span error/event recording, and PII redaction, in two modes. Sweep Mode detects raw OTEL setup, hand-rolled header propagation, manual span-attribute assembly, and DIY redaction. Reference Mode catalogs Telemetry, Redactor, and propagation/span helpers. Go-only. Skip for non-Go or frontend code.

lerianstudio Skill

Selecting and dispatching the right Ring developer specialist agent (backend Go/TS, frontend, UI designer/engineer, Helm, frontend QA, prompt reviewer) for a technology task. Use when you need deep stack expertise and must decide which agent to invoke via the Task tool, including parallel dispatch of independent work. Skip for general code review (use ring:reviewing-code).

anntnzrb Bundle

Use when designing, building, reviewing, or improving web or mobile UI, UX, layout, accessibility, or components.

jst-well-dan Bundle

Suite of tools for creating elaborate, multi-component claude.ai 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.

lerianstudio Bundle

Running the backend dev cycle: implements every task in a rolling-wave plan.md (ring:writing-plans format) for a Go/TS service, driving specialist agents through Gate 0 implementation/TDD, Gate 8 parallel review, and Gate 9 validation per epic, elaborating later phases at each phase boundary. Use when starting or resuming a gated backend dev cycle with a plan.md (legacy tasks.md only for cycles already in flight; new cycles need the canonical plan format). Skip for frontend (use ring:running-dev-cycle-frontend) or docs-only work.

lerianstudio Skill

Implementing the canonical /readyz readiness-probe contract across Go, TypeScript, and Next.js via a 12-gate cycle: detects stack, audits compliance, then dispatches agents to build the dependency probe, url.Parse TLS detection, ValidateSaaSTLS enforcement, metrics, startup self-probe, and graceful drain, then runs reviewers. Use when a service lacks or has incomplete /readyz. Skip for libraries, CLI tools, or batch jobs.

anntnzrb Bundle

Use when the user asks for a self-contained HTML visual explanation, diagram, plan review, diff review, or recap.

anntnzrb Bundle

Use when React or Next.js performance, data fetching, bundles, rendering, or Server Actions security are involved.

ngxtm Bundle

Build desktop apps with Rust backend and WebView frontend.

ngxtm Bundle

Best practices for React Hooks usage and custom hook creation.

ngxtm Bundle

Blazor component patterns for interactive web UIs.

ngxtm Bundle

The 4 layers of caching (Memoization, Data Cache, Full Route, Router Cache).

ngxtm Bundle

Security practices for React (XSS, Auth, Dependencies).