JarodFroneman

Jstack Evidence Builder — Design skill for Claude Code

Design community

Build a private, auditable UI reference bundle from approved screenshots or URLs.

How to install Jstack Evidence Builder

Installs to ~/.claude/skills/jarodfroneman-jstack-jstack-evidence-builder/SKILL.md

Terminal

mkdir -p ~/.claude/skills/jarodfroneman-jstack-jstack-evidence-builder && curl -fsSL https://raw.githubusercontent.com/JarodFroneman/jstack/HEAD/prompts/jstack-evidence-builder.md -o ~/.claude/skills/jarodfroneman-jstack-jstack-evidence-builder/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Jstack Evidence Builder does

description: Build a private, auditable UI reference bundle from approved screenshots or URLs argument-hint: [REFERENCES] [--analyze-only | --prototype html-css|html-tailwind]

Apply the JStack Evidence Builder workflow to the supplied visual references:

$ARGUMENTS

Use one Lead agent by default. Before repository inspection, durable-memory reads, browser capture, or artifact writes, call `jstack_prompt_compile(stage="intent", workflow_mode="jstack-evidence-builder", raw_request=$ARGUME

Alternatives in Design

Figma — Fetch design context, screenshots, and assets from Figma for implementation 14.6k ★
NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★