skills.rest
airhorns
airhornsCOMMUNITY
Explore all skills by this author →
Website𝕏@harrybrundageGitHub

jam-ui-visual-review

Launch the Jam UI component catalog in a Vite browser environment for visual review.

Updated Mar 22, 2026
Search Tags:#browser-testing#visual-review#ui-review#component-catalog#jam-ui
One-click install
npx skills add https://github.com/airhorns/jam --skill jam-ui-visual-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: jam-ui-visual-review
Source: https://github.com/airhorns/jam/tree/main/.agents/skills/jam-ui-visual-review
Command: npx skills add https://github.com/airhorns/jam --skill jam-ui-visual-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Launch and inspect the Jam UI visual component catalog for on-demand agent review.

Core Features & Use Cases

  • Launch & inspect the @jam/ui visual catalog in examples/ui-catalog to verify component rendering and theming.
  • Validate interactions and accessibility across themes (Light/Dark) and densities.
  • Use Case: QA/design teams quickly confirm visual consistency of UI primitives before handoff.

Quick Start

Open the Vite catalog at examples/ui-catalog in a browser and begin visual review of Jam UI components.

Frequently Asked Questions about jam-ui-visual-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I launch a visual component catalog for browser-based UI review?▼

To launch a visual component catalog for browser-based UI review, open the Vite-based examples/ui-catalog directory in a local Node.js environment with pnpm. This enables on-demand agent verification of component rendering and theming in a live browser.

Do I need Node.js and pnpm to inspect Jam UI components in the browser?▼

Yes, you need a local Node.js environment with pnpm to inspect Jam UI components. The Skill requires Vite-based examples/ui-catalog to open the visual component catalog, capture evidence, and record logs for agent review.

Can I validate UI component accessibility across different themes and densities?▼

You can validate UI component accessibility across different themes and densities by launching the Jam UI visual catalog. The catalog supports Light and Dark themes to verify component rendering, interactions, and visual consistency.

What is the best way to verify visual consistency of UI primitives before handoff?▼

The best way to verify visual consistency of UI primitives before handoff is launching the Vite-based examples/ui-catalog. QA and design teams can inspect component rendering, validate interactions, and capture evidence across themes.

Does visual review with this approach work without external browser-testing dependencies?▼

Visual review with this approach works without external browser-testing dependencies by using the local Vite-based examples/ui-catalog. It operates within your Node.js environment to launch and inspect the Jam UI component catalog directly.

Why is my Jam UI visual catalog not capturing evidence during agent review?▼

If your Jam UI visual catalog is not capturing evidence during agent review, ensure your local Node.js environment has pnpm installed and the Vite-based examples/ui-catalog is running properly to capture logs and screenshots.

Related Skills

Explore More Design & Creative Skills→
lv7devlv7dev

ui-styling

Configure shadcn/ui and Tailwind theming for React-based projects.

Community
Advanced
kiryteokiryteo
1

design-handoff

Generate developer handoff documentation from design assets with visual specs and accessibility notes.

Community
Intermediate
soeiroosoeiroo

theming-system

Develop scalable theming architectures with layered tokens for multi-brand applications.

Community
Advanced
abretonc7sabretonc7s

visual-testing

Capture screenshots before and after UI interactions to detect visual regressions.

Community
Intermediate