# Product Cutaway Studio

Tell the product story from the inside out. Create original parametric component artwork, an interactive assembled/exploded viewer and three designed compositions, then export editable SVG, high-resolution PNG and an actual three-page PDF.

Canonical page: https://skillrove.dev/skills/product-cutaway-studio
Version: 1.0.0
Package price: USD 4.99 per individual package
Installation hosts: Codex, Claude Code, Cursor
Output: An interactive product anatomy and three export compositions

## What it does

- Create a component story with assembled, exploded and parts-sheet views.
- Adjust separation, isolate components, switch palettes and download the current SVG.
- Export three designed compositions as editable SVG, high-resolution PNG and print PDF.

Best suited to: Designers and marketers explaining a stacked concept object or product anatomy.

Scope limits: Shape presets are conceptual, not CAD; quantities and mass are declared rather than measured.

## Documented deliverables and requirements

- index.html
- hero.svg + .png
- exploded.svg + .png
- parts-sheet.svg + .png
- print.pdf + parts.csv + specs.md
- input.json + quality.json + delivery-manifest.json
- font notices

Runtime requirements: Node.js 22+ · sharp 0.35.5 / pdf-lib 1.17.1 · offline

Working example: https://skillrove.dev/skillrove/samples/product-cutaway-studio/v1.0.0/index.html

Node.js 22+ with sharp 0.35.5 and pdf-lib 1.17.1, tested on 24.15.0. No image API or paid renderer. Shape presets suit stacked concept objects; custom geometry needs artwork adaptation and visual review. Values are declared, not measured. PDF is image-based; editable artwork is supplied as separate SVGs.

## Questions before installation

### How do I get Product Cutaway Studio?

The listed individual package price is USD 4.99. Premium downloads require a confirmed purchase or active membership. Your agent subscription, model access and external provider credits are separate.

- [Compare access and pricing](https://skillrove.dev/pricing)

### Which agents can use this skill?

This release lists Codex, Claude Code, Cursor as intended installation hosts. Check the package’s dependencies and permissions before running it. These labels do not certify that every workflow has been tested in every agent.

- [Codex setup](https://skillrove.dev/skills/agent/codex)
- [Claude Code setup](https://skillrove.dev/skills/agent/claude-code)
- [Cursor setup](https://skillrove.dev/skills/agent/cursor)

### What files can this workflow generate?

The documented 1.0.0 workflow lists: index.html; hero.svg + .png; exploded.svg + .png; parts-sheet.svg + .png; print.pdf + parts.csv + specs.md; input.json + quality.json + delivery-manifest.json; font notices. Some files or exports are optional; follow the package’s setup and inspect the delivered result.

- [Review all deliverables](https://skillrove.dev/skills/product-cutaway-studio#skill-what-you-get)
- [Inspect the working example](https://skillrove.dev/skillrove/samples/product-cutaway-studio/v1.0.0/index.html)

### What should I check before using the result?

Node.js 22+ with sharp 0.35.5 and pdf-lib 1.17.1, tested on 24.15.0. No image API or paid renderer. Shape presets suit stacked concept objects; custom geometry needs artwork adaptation and visual review. Values are declared, not measured. PDF is image-based; editable artwork is supplied as separate SVGs.

- [Read the installation guide](https://skillrove.dev/guides/how-to-install-a-claude-skill)
- [Review third-party notices](https://skillrove.dev/third-party-notices)

## Source and access

These facts come from the public Skillrove catalog and the documented active release. Agent labels describe intended installation hosts, not certification across every model. Package licenses apply; model accounts, provider credits and credentials are separate. Public facts do not grant download access.

[Installation guide](https://skillrove.dev/install/agent.md) · [Support](https://skillrove.dev/contact)