Wireframe to Stories is a Claude Code skill created by Pixelmatters. It was built for and demoed live at the first edition of AI Show & Tell, a meetup hosted by Pixelmatters at its Porto office where designers, engineers, and product people from the local tech community gathered for raw demos of real AI workflows.

This skill takes any Figma wireframe or product flow URL and builds fully working Storybook stories: one per screen (including empty, filled, and error states) plus an interactive full-flow story that wires all screens together with state management. It reuses existing design system components, extracts new shared primitives when needed, and produces accurate layouts. Every color references a CSS variable, nothing is hardcoded, nothing is guessed.