skills.rest
cerico
cericoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

infopage

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
One-click install
npx skills add https://github.com/cerico/macfair --skill infopage
Or copy as Structured Prompt for Agent▼
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?▼

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.

Related Skills

Explore More Content & Communication Skills→
lisposterlisposter
1

baoyu-infographic

Generate publication-ready infographics by analyzing content and applying layout×style combinations.

Community
Advanced
EmasoftEmasoft

amvcp-share-pages

Deploy a self-contained HTML page to Vercel and return a public live URL.

Community
Intermediate
MyHeavenDyfMyHeavenDyf

html-ppt-zhangzara-grove

Load a forest-green and cream HTML deck design system for sustainability presentations.

Community
Basic
rodydavisrodydavis
58

file-based-routing-for-static-sites

Generate multi-page static sites from Markdown files with file-based routing.

Community
Intermediate