skills.rest
jdconley
jdconleyCOMMUNITY
Explore all skills by this author →
Website𝕏@wackieGitHub

readme-workflow

Regenerate screenshots and update demo video assets for the WOD Brains README.

1|Updated Jan 27, 2026
Search Tags:#workflow#documentation#screenshots#readme#visuals#playwright
One-click install
npx skills add https://github.com/jdconley/wodbrains --skill readme-workflow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: readme-workflow
Source: https://github.com/jdconley/wodbrains/tree/main/.cursor/skills/readme-workflow
Command: npx skills add https://github.com/jdconley/wodbrains --skill readme-workflow

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the process of updating visual elements and descriptive text within the project's README file, ensuring it accurately reflects the latest features and state of the application.

Core Features & Use Cases

  • Automated Screenshot Generation: Captures up-to-date screenshots for various application views (import, definition, run, multiplayer).
  • Demo Video Preparation: Ensures visuals are ready for inclusion in demo videos.
  • Use Case: After making UI changes to the WOD Brains application, use this Skill to regenerate all screenshots used in the README to reflect the new design and ensure the documentation remains current.

Quick Start

Run the readme workflow to regenerate screenshots and update the README.

Frequently Asked Questions about readme-workflow

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

FAQPage Schema
How do I automate README screenshot regeneration after UI updates?▼

Automate README screenshot regeneration by running a workflow that captures updated application views and validates visual consistency across import, definition, run, and multiplayer screens.

What is the best way to update README visuals and copy for a project?▼

Updating README visuals and copy involves regenerating screenshots and demo video assets, ensuring visual consistency across specific application views while validating the final README rendering.

How does Playwright capture screenshots for documentation?▼

Playwright captures screenshots for documentation by adhering to specific viewport and capture timing requirements, ensuring visual consistency across various application views like import and multiplayer screens.

How do I validate README rendering and example fixtures?▼

Validate README rendering and example fixtures by running the workflow to ensure the generated visuals and descriptive text accurately reflect the latest application state and workout fixtures.

Do I need specific viewport settings for capturing README screenshots?▼

Yes, capturing README screenshots requires specific viewport and capture timing settings to ensure visual consistency across the import, definition, run, and multiplayer application views.

How do I prepare demo video assets for a README?▼

Prepare demo video assets for a README by regenerating the necessary screenshots and ensuring all visuals are updated and ready for inclusion in the demonstration video.

Related Skills

Explore More Software Engineering Skills→
HakiickHakiick

screenshot-artist

Automate application screenshots and demo videos with Playwright and FFmpeg.

Community
Advanced
flight505flight505
9

story-generation

Generate Storybook CSF 3.0 stories from React, Vue, and Svelte components.

Community
Intermediate
RonHoubenRonHouben
2

playwright-mcp-ui-testing

Automate visual UI testing of Wavecraft's web UI with Playwright MCP.

Community
Intermediate
RelicWare-CoRelicWare-Co

ultracite

Automate linting and formatting setup for JavaScript and TypeScript projects.

Official
Basic