source-command-technical-update-skeumorphic-white-diagrams

Generates weekly Cinematic Canvas product update documents with changelog sync and skeuomorphic technical diagrams.

5|Updated Dec 8, 2025
One-click install
npx skills add https://github.com/portalshq/portals-studio --skill source-command-technical-update-skeumorphic-white-diagrams-portalshq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: source-command-technical-update-skeumorphic-white-diagrams
Source: https://github.com/portalshq/portals-studio/tree/main/.agents/skills/source-command-technical-update-skeumorphic-white-diagrams
Command: npx skills add https://github.com/portalshq/portals-studio --skill source-command-technical-update-skeumorphic-white-diagrams-portalshq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Writing consistent, technically accurate weekly product updates requires gathering git history, maintaining a changelog, drafting structured release notes, and producing on-brand visual assets, which is a repetitive multi-step effort. ## Core Features & Use Cases - Changelog Synchronization: Pulls recent git commits, deduplicates entries, and maintains a rolling 30-day CHANGELOG.md in descending date order. - Structured Update Drafting: Produces a sub-1200-word update document with a fixed frontmatter schema, benefit-first feature sections, and a mandatory three-paragraph conclusion. - Visual Asset Generation: Creates one cinematic cover image and three technical diagrams following a strict skeuomorphic white-diagram specification (fixed color palette, panel anatomy, typography, and arrow rules), with a fail-safe that inserts placeholder image markdown if generation fails. - Use Case: A product lead runs the weekly command to turn the past week's commits into a publishable blog update with cover art, architecture diagrams, a synced changelog, and a social media preview post. ## Quick Start Run the technical-update-skeumorphic-white-diagrams command to generate this week's Cinematic Canvas product update with changelog sync and diagrams.

Frequently Asked Questions about source-command-technical-update-skeumorphic-white-diagrams

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

FAQPage Schema
How do I generate a weekly product update from git commits?

Run this skill to pull the latest commits with git log, sync them into CHANGELOG.md, and draft a structured update document. It gathers context from the previous week's update in website/content/updates to maintain continuity.

How does the changelog deduplication and pruning work?

The skill checks CHANGELOG.md for existing entries before adding new commits, organizes entries in descending date order, and maintains a rolling 30-day log by pruning entries older than four weeks.

What image style do the technical diagrams follow?

Diagrams follow a skeuomorphic white-diagram specification with a fixed blue palette (#4D8EF5, #7AB3F8, #EEF4FF), rounded panels, filled single-color icons, Inter-style typography, and orthogonal arrows. A maximum of 5-6 nodes per graphic is enforced.

What happens if image generation fails?

The skill inserts placeholder image markdown, captions, and expected file paths into the document anyway, and returns the image prompts to the user so assets can be generated later.

Where are the generated images and documents saved?

Images are placed in website/public/images/ and referenced as /images/[filename] in the document. The update document, CHANGELOG.md, and assets are committed and pushed to the remote repository.