itabs-widget-builder

Generate mobile-first HTML widgets with configurable card decks and CSS variables.

Updated Jan 26, 2026
One-click install
npx skills add https://github.com/boilermaker-innovator/iTabs-skill --skill itabs-widget-builder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: itabs-widget-builder
Source: https://github.com/boilermaker-innovator/iTabs-skill/tree/main/itabs-widget-builder
Command: npx skills add https://github.com/boilermaker-innovator/iTabs-skill --skill itabs-widget-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build self-contained, easily shareable interactive widgets as standalone HTML files.

Core Features & Use Cases

  • Mobile-first, single HTML file per widget
  • Configurable card decks with hero, body, and i-buttons
  • Design system with CSS variables and themed cards
  • Easily deployable to GitHub Pages
  • Widget types include video-summary, quote-estimator, prep-guide, explainer, profile, onboarding
  • Ideal for tradies, small businesses, and educators to package content into interactive cards

Quick Start

Provide content to the widget builder and run it to generate a standalone HTML widget ready for deployment.

Frequently Asked Questions about itabs-widget-builder

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

FAQPage Schema
How do I create mobile-first HTML widgets without a backend server?

Create mobile-first HTML widgets by generating a self-contained single HTML file with a CSS design system, configurable card decks, and i-buttons. This approach requires zero servers and produces interactive cards ready for immediate sharing and deployment.

What is the best way to package video summaries and prep guides into shareable interactive cards?

Package video summaries and prep guides into shareable interactive cards by building a standalone HTML widget. The output is a mobile-first card deck with hero, body, and i-buttons, which can be easily deployed to GitHub Pages.

Can I deploy a single HTML file widget to GitHub Pages?

Yes, you can deploy a single HTML file widget to GitHub Pages. The generated widget is entirely self-contained, meaning it requires no server-side dependencies and can be hosted directly as a static file on GitHub Pages.

Do I need any external dependencies to build standalone HTML card decks?

No external dependencies are needed to build standalone HTML card decks. The widget builder generates a single HTML file containing its own CSS design system and configurable cards, ensuring the output works independently without external libraries.

What types of interactive widgets can I generate for small businesses or educators?

Generate widget types including video-summary, quote-estimator, prep-guide, explainer, profile, and onboarding interactive cards. These mobile-first HTML widgets are ideal for small businesses and educators packaging content into swipeable card decks.

How does the CSS design system work in generated HTML widgets?

The CSS design system in generated HTML widgets uses CSS variables to theme configurable cards. It structures the mobile-first layout with hero, body, and i-buttons sections, ensuring consistent visual styling across the interactive card deck.