WORK WITH YOUR STACKAvailable

UXDL with Coding Agents & MCP

Empower Claude, Cursor, Antigravity, and Gemini via Model Context Protocol (MCP).

MCP Architecture

Rendering diagram...

MCP delivers precise UXDL slice context directly into coding agent prompts.

Available MCP Tools

uxdl_get_project — Returns active UXDL project context and module manifest.
uxdl_get_slice — Retrieves exact slice screens, states, actions, relations, and acceptance criteria.
uxdl_validate — Runs structural validation and contextual linter checks on active UXDL file.

Agent System Prompt Example

MARKDOWN

1You are implementing feature slice "cancellation_flow".
2Consult the UXDL MCP server for behavioral targets:
31. Fetch target addresses: uxdl_get_slice(slice_id="cancellation_flow")
42. Ensure state "billing.states.cancelled" is rendered when confirm_cancel succeeds.
53. Validate modified UXDL: uxdl_validate()

Download Agent Skill (.skill)

Download the pre-packaged uxdl-prd-generator.skill bundle to equip Claude, Cursor, Antigravity, or Gemini with automated PRD-to-UXDL conversion, traceability validation, and gap detection.

Pre-configured with UXDL PRD Profile rules, validation commands, and journey-authoring contracts.
Ensures generated files follow repository storage boundaries (saving to docs/experiments/ or product/flows/).
Includes references for profile checklists, readable journeys, implementation readiness, and starter skeletons.

UXDL PRD Generator Skillv0.1.skill bundle

Pre-packaged agent skill bundle for Claude, Cursor, Antigravity, and Gemini. Converts PRDs, feature briefs, or tickets directly into validated UXDL 0.1 contracts adhering to the PRD Profile with provenance and gap tracking.

Download uxdl-prd-generator.skill(23 KB)

Compatible with Claude Projects, Cursor, Antigravity, and Gemini Code Assist