skills.rest
peixl
peixlCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ifq-design-skills

Routes design requests to 12 modes and forks templates from INDEX.json.

24|8|Updated Apr 22, 2026
Search Tags:#design#template#html#verification#prototype#export
One-click install
npx skills add https://github.com/peixl/ifq-design-skills --skill ifq-design-skills
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ifq-design-skills
Source: https://github.com/peixl/ifq-design-skills/tree/main
Command: npx skills add https://github.com/peixl/ifq-design-skills --skill ifq-design-skills

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) and scripts (resource) components.

What problem does it solve?

IFQ Design Skills coordinates visual design tasks into a predictable, zero-install workflow that turns prompts into shippable HTML-first artifacts, including slides, dashboards, brand assets, and exports.

Core Features & Use Cases

  • Routes user requests to one of 12 mode templates and forks a ready-to-edit HTML scaffold from assets/templates/INDEX.json.
  • Verifies placeholders with verify:lite and provides a local file:// preview, deferring heavy exports to explicit user intent.
  • Supports export pipelines (MP4, GIF, PDF, PPTX, SVG) via optional tooling, while preserving the zero-install core loop for HTML output.
  • Uses ambient IFQ brand system (six-layer architecture, brand marks, and tone) to deliver consistent, publish-ready artifacts across modes such as Launch Film, Changelog, Whitepaper, and Social Kit.

Quick Start

Fork a template from INDEX.json and run a lite verification to preview the result.

Frequently Asked Questions about ifq-design-skills

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

FAQPage Schema
How do I turn text prompts into export-ready HTML visuals without installing software?▼

To turn prompts into export-ready HTML visuals, the Skill routes requests to a 12-mode design path, forks a local template, writes HTML, runs verify:lite, and previews a file:// URL for zero-install shippable artifacts.

What is the zero-install HTML workflow for generating design prototypes?▼

The zero-install HTML workflow identifies visual-delivery requests, forks a ready-to-edit HTML scaffold from INDEX.json, and runs lite verification to preview a local file:// URL without requiring heavy dependencies.

Can I export HTML prototypes to PDF, MP4, and PPTX formats?▼

Yes, you can export HTML prototypes to PDF, MP4, GIF, PPTX, and SVG. These export pipelines are triggered by explicit user intent, keeping the core HTML loop zero-install while supporting optional output tooling.

Does the HTML template generator support brand-consistent dashboards and slides?▼

Yes, the HTML template generator supports brand-consistent dashboards and slides. It uses an ambient IFQ brand system with a six-layer architecture to deliver publish-ready artifacts across modes like Launch Film, Changelog, and Whitepaper.

When should I avoid using automated HTML design templates for visual delivery?▼

You should avoid automated HTML design templates when you need immediate heavy exports without previewing. The zero-install core loop defers MP4, PDF, and PPTX exports behind explicit intent to prioritize local file:// verification.

Related Skills

Explore More Design & Creative Skills→
valithedgevalithedge

page-import

Imports a webpage from a URL into structured HTML for AEM Edge Delivery Services.

Community
Intermediate
zunyiqingfeng-codezunyiqingfeng-code
2

huashu-design

Create high-fidelity HTML prototypes and motion demos from concise briefs.

Community
Advanced
nibzardnibzard
2

pentest-toolkit

Automate web application and API security testing with vulnerability detection and reporting.

Community
Advanced
jaredcroxtonjaredcroxton

popular-web-designs

Generate HTML/CSS web pages from ready-to-use design system templates.

Community
Intermediate