Does it handle technical architecture?

No, this skill strictly follows a PRD standard that describes 'What' and 'Why.' Technical implementation details and 'How' are redirected to separate tech decision sessions.

Can I use this for existing projects?

Yes, you can provide a Google Drive URL or file ID of an existing PRD as an argument to load, summarize, and update it with new requirements.

What kind of visualizations does it create?

The skill generates self-contained HTML mockups, workflow diagrams, navigation structures, and data models to help stakeholders visualize the final product.

Where are the generated documents stored?

Documents and visual artifacts are stored directly in your connected Google Drive account, ensuring a central and accessible location for all project stakeholders.

Requirements Capture & Visual PRD

Name: Requirements Capture & Visual PRD
Author: codingthefuturewithai

bycodingthefuturewithai

0•

협업 도구

Facilitates live requirements sessions using interactive visualizations and automated PRD generation to ensure stakeholder alignment.

This skill transforms the requirements gathering process for Business Analysts and Product Owners by replacing static text with interactive HTML mockups and diagrams. It guides Claude through a structured interview process, proposing visual confirmations to resolve ambiguity before generating or updating a comprehensive Product Requirements Document (PRD). By focusing on 'What' and 'Why' while integrating directly with Google Drive, it ensures that project scope is clearly defined, visually verified, and ready for downstream development agents.

주요 기능

01Integrates seamlessly with Google Drive for secure document storage and artifact management.

02Ensures preview-safe interactivity using JavaScript handlers instead of navigation links.

03Automates the creation and updating of structured PRDs based on interview insights.

04Generates interactive HTML mockups and workflow diagrams for real-time client validation.

050 GitHub stars

06Proactively identifies requirements gaps through targeted questioning and gap analysis.

사용 사례

01Translating vague stakeholder ideas into concrete, visually-confirmed functional requirements.

02Conducting a kick-off session to define requirements for a brand-new application or feature.

03Updating an existing PRD with new scope or changes during a follow-up stakeholder meeting.

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

주요 기능

01Integrates seamlessly with Google Drive for secure document storage and artifact management.

02Ensures preview-safe interactivity using JavaScript handlers instead of navigation links.

03Automates the creation and updating of structured PRDs based on interview insights.

04Generates interactive HTML mockups and workflow diagrams for real-time client validation.

050 GitHub stars

06Proactively identifies requirements gaps through targeted questioning and gap analysis.

사용 사례

01Translating vague stakeholder ideas into concrete, visually-confirmed functional requirements.

02Conducting a kick-off session to define requirements for a brand-new application or feature.

03Updating an existing PRD with new scope or changes during a follow-up stakeholder meeting.

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