design-sprint-prototype

Generate clickable HTML/Tailwind CSS or React prototypes with clinical trial data.

1|1|Updated Feb 24, 2026
One-click install
npx skills add https://github.com/nroze22/TalosixSkills --skill design-sprint-prototype
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-sprint-prototype
Source: https://github.com/nroze22/TalosixSkills/tree/main/.claude/skills/design-sprint-prototype
Command: npx skills add https://github.com/nroze22/TalosixSkills --skill design-sprint-prototype

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill rapidly generates high-fidelity, clickable prototypes for design sprints, enabling quick user testing and feedback on new features.

Core Features & Use Cases

  • Rapid Prototyping: Creates functional HTML/Tailwind or React prototypes based on design sprint methodology.
  • Realistic Data Population: Populates prototypes with accurate clinical trial sample data.
  • Usability Testing Prep: Generates test scripts and observation materials for user sessions.
  • Use Case: Quickly build a clickable prototype of a new patient data entry screen for a clinical trial application, complete with realistic patient data and navigation, ready for usability testing with site staff.

Quick Start

Use the design-sprint-prototype skill to generate a prototype for the 'patient-dashboard' feature.

Frequently Asked Questions about design-sprint-prototype

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

FAQPage Schema
How do I build a clickable prototype for a clinical trial design sprint?

To build a clickable prototype for a clinical trial design sprint, use this Skill to generate high-fidelity HTML/Tailwind CSS or React wireframes populated with realistic clinical trial data. It integrates context from Confluence and Jira to define prototype scope and build functional screens for testing.

Can I generate usability testing materials automatically from a prototype?

Yes, you can generate usability testing materials automatically. The Skill creates test scripts and observation materials alongside your clickable prototype, preparing you for user sessions with clinical site staff, CRAs, and data managers.

Does this prototype generator support React and Tailwind CSS?

Yes, the prototype generator supports both React and HTML/Tailwind CSS. It uses these frameworks to create high-fidelity, functional wireframes for clinical trial applications, allowing you to quickly build and test new features like a patient data entry screen.

How do I populate a wireframe with realistic clinical trial data?

You populate a wireframe with realistic clinical trial data by using this Skill's rapid prototyping capabilities. It automatically generates accurate sample data within your HTML or React prototype, ensuring the interface is ready for realistic usability testing with site users.

Can I use Jira and Confluence context to define prototype scope?

Yes, you can use Jira and Confluence context to define prototype scope. The Skill integrates directly with these platforms to pull feature requirements and background information, ensuring the generated clickable prototype aligns with your project goals.