infopage

Name: infopage
Availability: InStock
Author: cerico

Create single-file HTML pages with predefined sections and no external dependencies.

Updated Sep 12, 2021

Search Tags:#design #documentation #html #single-file #webpage #infopage

Ready to run

npx skills add https://github.com/cerico/macfair --skill infopage

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: infopage
Source: https://github.com/cerico/macfair/tree/main/files/claude/skills/infopage
Command: npx skills add https://github.com/cerico/macfair --skill infopage

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill lets you create clean, single-file HTML pages to present information clearly for quick reference, comparisons, lists, or any data you want to view in a browser.

Core Features & Use Cases

Single-file HTML templates with a consistent, minimal design.
Predefined section patterns (Section, List, Divider, Key-Value, Table) for fast documentation.
Easy customization of typography and color palette using the provided template.

Quick Start

Save the base template to index.html and replace PAGE_TITLE, SUBTITLE, and content to build your info page; then open in a browser to view.

Frequently Asked Questions about infopage

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

FAQPage Schema

What predefined sections are available for structuring data lists in HTML?▼

The predefined sections available for structuring data lists include cards, lists, dividers, key-value pairs, and tables. These patterns help you organize information clearly for fast viewing in a browser.

How do I create a single-file HTML page for quick reference?▼

To create a single-file HTML page, save the base template to index.html, replace the PAGE_TITLE and content sections, and open it in a browser. This method provides a clean, self-contained webpage for quick reference without external dependencies.

What is the best way to build a comparison table in a standalone HTML file?▼

Building a comparison table in a standalone HTML file is best done using predefined section patterns like tables and cards. These built-in template sections allow you to structure data lists clearly within a single document.

Do I need external dependencies or CSS frameworks to use this HTML template?▼

You do not need external dependencies or CSS frameworks to use this HTML template. It operates entirely as a single-file webpage with a built-in serif font, constrained color palette, and predefined sections.

Can I customize the typography and color palette of the single-file HTML page?▼

You can customize the typography and color palette of the single-file HTML page using the provided template. The base design uses a serif font and constrained palette, which you can easily adjust to fit your documentation needs.

What predefined sections are available for structuring data lists in HTML?▼