skills.rest
adamway
adamwayCOMMUNITY
Explore all skills by this author →
GitHub

persona-screenshot

Automate Figma prototype screenshots across user roles with Playwright.

Updated Aug 23, 2026
Search Tags:#figma#prototype#persona#screenshot#automated#visual audit
One-click install
npx skills add https://github.com/adamway/thoughts-cli --skill persona-screenshot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: persona-screenshot
Source: https://github.com/adamway/thoughts-cli/tree/main/.claude/skills/persona-screenshot
Command: npx skills add https://github.com/adamway/thoughts-cli --skill persona-screenshot

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the process of capturing comprehensive visual documentation of a Figma Make prototype from multiple user perspectives, reducing manual effort and ensuring consistency.

Core Features & Use Cases

  • Automated Persona-based Crawling: Discover all user roles in the prototype and switch between them effortlessly.
  • Full-page Screenshots of All Routes and States: Capture every accessible route, tab state, and modal dialog for each persona, supporting thorough visual audits.
  • Use Case: When verifying a multi-role web application, quickly generate a complete set of screenshots for each user role to facilitate reviews and stakeholder presentations.

Quick Start

Run the discovery script to identify personas, then crawl each persona to generate comprehensive screenshots across the prototype.

Frequently Asked Questions about persona-screenshot

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

FAQPage Schema
How do I automate screenshots of Figma prototypes for different user roles?▼

You can automate screenshots of Figma prototypes by running a discovery script to identify personas, then crawling each persona to capture all routes and states using Playwright browser automation.

What is persona-based crawling for visual documentation?▼

Persona-based crawling is an automated process that discovers all user roles in a Figma prototype, switches between them, and captures full-page screenshots of every accessible route, tab state, and modal dialog.

Can I capture modal dialogs and tab states during a Figma prototype audit?▼

Yes, the automated crawling process captures full-page screenshots of every accessible route, tab state, and modal dialog for each discovered persona during the Figma prototype audit.

Do I need Playwright to capture role-based screenshots of Figma prototypes?▼

Yes, Playwright is utilized for browser automation to handle persona discovery, role switching, and the automated capture of screenshots across all routes and states in the prototype.

What's the best way to generate visual documentation for a multi-role web application prototype?▼

The best way to generate visual documentation is automating the crawling process to switch between user roles and capture comprehensive screenshots of all routes and states for stakeholder reviews.

Related Skills

Explore More Design & Creative Skills→
tassiovaletassiovale
13

playwright-test-automation

Automate browser-based testing with Playwright for forms, screenshots, and APIs.

Community
Advanced
Rinzler78Rinzler78
1

bmad-cis-agent-presentation-master

Design slide decks, pitch decks, and infographics with visual hierarchy.

Community
Advanced
MesteriisMesteriis

ui-concept-first

Establish visual design direction for UI development using Figma and design systems.

Community
Advanced
CleanExpoCleanExpo
1

playwright-browser

Automate headless browser tasks and end-to-end tests with Playwright.

Community
Advanced