Skills
.Work. You
Rest

itabs-widget-builder

Community

Create mobile-first iTabs widgets as HTML cards.

Design & Creative#html#mobile-first#design-system#widget-builder#card-deck#itabs#i-buttons
Authorboilermaker-innovator
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: itabs-widget-builder
Download link: https://github.com/boilermaker-innovator/iTabs-skill/archive/main.zip#itabs-widget-builder

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.