Can I use this for existing projects?

Yes. You can provide a Confluence page URL or ID to have Claude load the current PRD, summarize its state, and integrate new requirements or changes into the existing document.

Does it define the tech stack for my project?

No. This skill follows a hard constraint to focus only on 'What' and 'Why'. Technical decisions and 'How' are handled in separate architectural sessions to ensure requirements remain implementation-agnostic.

Where are the final documents stored?

The primary storage location is Confluence. The skill can search for available spaces, browse page hierarchies, and either create new pages or update existing ones based on your preference.

How does this skill handle interactive visualizations?

It generates self-contained HTML mockups and diagrams. Since Confluence limits active scripts, the skill automatically uploads interactive mockups as attachments and provides direct download links within the PRD.

Visual Requirements & PRD Capture

Name: Visual Requirements & PRD Capture
Author: codingthefuturewithai

bycodingthefuturewithai

0•

协作工具

Conducts live requirements discovery sessions using interactive visualizations to generate and sync structured PRDs directly to Confluence.

This skill transforms the discovery process by facilitating live, interactive requirements sessions between product owners and clients. It bridges the gap between conversation and documentation by generating real-time visual mockups, diagrams, and user flows that stakeholders can validate instantly. Once confirmed, these visualizations are converted into a structured Product Requirement Document (PRD) that focuses on business value and user needs. The skill manages the end-to-end lifecycle by searching for existing docs, updating requirements, and uploading all interactive artifacts and diagrams directly to Confluence for a single source of truth.

主要功能

01Intelligent attachment management for interactive HTML mockups and images

02Interactive live discovery sessions with real-time requirements mapping

03Strict separation of business requirements (What/Why) from technical implementation (How)

04On-the-fly generation of UI mockups and workflow diagrams for validation

05Automated creation and updating of standardized PRDs in Confluence

060 GitHub stars

使用场景

01Facilitating initial product discovery and scoping sessions with external clients

02Translating complex stakeholder conversations into structured technical documentation

03Updating existing project requirements in Confluence based on follow-up feedback

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add codingthefuturewithai/claude-code-primitives capture-requirements

For use in Claude.ai and ChatGPT

主要功能

01Intelligent attachment management for interactive HTML mockups and images

02Interactive live discovery sessions with real-time requirements mapping

03Strict separation of business requirements (What/Why) from technical implementation (How)

04On-the-fly generation of UI mockups and workflow diagrams for validation

05Automated creation and updating of standardized PRDs in Confluence

060 GitHub stars

使用场景

01Facilitating initial product discovery and scoping sessions with external clients

02Translating complex stakeholder conversations into structured technical documentation

03Updating existing project requirements in Confluence based on follow-up feedback