Use this skill for asset extraction and preparation. It is not a generic image generator and it should not mutate design files unless explicitly scoped.
Modes
inventory: list available assets and export needs.export: export selected nodes/assets in requested formats.prepare: optimize naming, density, dimensions, and implementation placement.handoff: produce a manifest for frontend integration.audit: flag missing, oversized, duplicated, or inaccessible assets.
Workflow
- Confirm target nodes, formats, scales, intended code destination, and privacy.
- If Figma MCP export/download is needed, invoke
figma:figma-usebefore the Figma tool. - Prefer SVG for icons and simple vector marks; prefer raster formats for photography or complex bitmap media.
- Record license/usage assumptions if assets are third-party or brand-sensitive.
- Write or request an asset manifest with source node, output path, format, scale, dimensions, and intended use.
- For frontend integration, hand off to
webapp-ui-skillormarketing-site-skillafter export.
Output Shape
Use assets/asset-manifest-template.json or summarize the same fields in Markdown.
Boundaries
- Do not upload private assets to optimization or CDN services without explicit approval.
- Do not replace editable Figma vectors with flattened raster assets unless the target implementation requires it.
- Do not assume fonts are licensed for web embedding; report missing font/license checks.
Validation And Eval
- Validate that exports have source node, format, scale, dimensions, output path, and intended use.
- Check that private assets remain local unless an approved external transfer is recorded.
- Use
evals/evals.jsonto test SVG export manifest behavior and private-asset external optimization refusal.