visual-creative-subagent - Generate browser-renderable visual creative concepts.
Generates self-contained HTML/CSS/JS visual creative showcases using specified CDN libraries across data visualization, animation, and graphic design.
Tags
Updated: 2026-09-17Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Generate HTML showcase pages
- Pre-validate CDN script URLs
- Run Playwright visual validation
- Review generated showcase screenshots
- Iteratively fix code issues
- Write validation handoff metadata
Inputs
- Domain type
- Style identifier
- Pass number
- Output directory
- Style palette tokens
- Style direction brief
- Library directive
- Mock data
- Scene description
- Anti-repeat list
- Library catalog JSON file
Outputs
- index.html page
- style.css stylesheet
- app.js script file
- README.md documentation
- validation/handoff.json metadata file
- Playwright screenshots and reports
Requirements
- Node.js environment
- Playwright test runner
- curl utility