ifq-design-skills - Create and verify HTML-first visual designs
Routes visual design requests to templates, creates verified HTML deliverables, and optionally prepares MP4, GIF, PPTX, PDF, or SVG exports.
Tags
Updated: 2026-09-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Route visual design requests
- Select design modes
- Fork listed templates
- Create HTML deliverables
- Apply IFQ brand tokens
- Verify HTML files
- Preview visual artifacts
- Prepare optional exports
Inputs
- Visual design request
- User workspace
- Requested export format
- Product or event facts
- Brand assets
Outputs
- HTML design file
- SVG or static companions
- Export-ready source structure
- Preview result
- Verification result
- Artifact file path
Requirements
- Node.js 18.17 or newer
- Workspace write access
- Optional Python, Playwright, and Chromium for screenshots
- Optional export dependencies for PDF or PPTX
- ffmpeg for MP4 or GIF export