open-design

Create UI prototypes and slide decks through Jute notebook cells.

2|Updated Apr 15, 2026

Search Tags:#design #ui #html #prototyping #ux #notebook

Ready to run

npx skills add https://github.com/getspur/spur --skill open-design-getspur

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: open-design
Source: https://github.com/getspur/spur/tree/main/.spur/skills/open-design
Command: npx skills add https://github.com/getspur/spur --skill open-design-getspur

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the friction between design ideation and implementation by providing a structured, notebook-based environment to build visual artifacts directly within the SPUR workflow.

Core Features & Use Cases

Notebook-Driven Design: Employs a discovery-to-critique loop to build UI artifacts like landing pages, dashboards, and slide decks using Jute notebook cells.
Standardized Design Tracks: Provides predefined tracks for componentized SSR artifacts or single-file HTML, ensuring consistent quality and brand alignment.
Use Case: A product manager needs a quick mobile app prototype; the designer uses this skill to define the brief, select a mobile interaction direction, and generate a fully rendered HTML prototype within the notebook.

Quick Start

Use the open-design skill to create a new dashboard prototype for our upcoming analytics platform launch.

Frequently Asked Questions about open-design

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

FAQPage Schema

How do I build UI prototypes directly within a notebook environment?▼

You can build UI prototypes by running a notebook-driven discovery-to-critique loop that generates visual artifacts like landing pages and dashboards. This approach uses structured notebook cells to facilitate the entire design process.

Can I generate a single-file HTML dashboard prototype for an analytics platform?▼

Yes, single-file HTML dashboard prototypes can be generated using predefined standardized design tracks. These tracks ensure consistent quality and brand alignment while producing fully rendered HTML artifacts.

How does notebook-driven visual design work for creating slide decks?▼

Notebook-driven visual design operates across diverse domains including slide deck generation. It employs a structured loop within notebook cells to define a brief, select a direction, and generate the visual artifact.

Do I need specific notebook tools to create UI artifacts through a design loop?▼

Yes, creating UI artifacts through this design loop requires integration with Jute notebook tools. Adherence to predefined design system references is also necessary for consistent visual output.

What is the best way to ensure consistent brand alignment when prototyping in a notebook?▼

The best way to ensure consistent brand alignment is by using predefined standardized design tracks. These tracks manage componentized SSR artifacts or single-file HTML outputs according to predefined design system references.

Can this prototyping approach handle componentized SSR artifacts as well as single-file HTML?▼

Yes, this approach provides standardized design tracks for both componentized SSR artifacts and single-file HTML. This ensures flexible output formats while maintaining consistent visual quality across different domains.