Does this skill support standard document printing sizes?

Yes, it is specifically configured for A4 specifications (210mm x 297mm) with automated page framing, margin management, and page numbering.

What is the primary purpose of the html-design-system skill?

It provides a standardized CSS and JavaScript framework to create consistent, professional-looking tables, charts, and diagrams within HTML documents, specifically tailored for business proposals.

What UI components are included in the system?

The system includes templates for data tables, comparison charts, flow diagrams, KPI summaries, timelines, and organizational charts.

Can I use the components created with this skill in PowerPoint?

Absolutely. It includes a workflow for rendering HTML components through headless Chrome to capture high-resolution PNGs that can be seamlessly inserted into PPTX files.

HTML Proposal Design System

Name: HTML Proposal Design System
Author: ASTRA-TECHNOLOGY-COMPANY-LIMITED

byASTRA-TECHNOLOGY-COMPANY-LIMITED

0•

设计工具

Standardizes the creation of professional HTML-based diagrams, charts, and tables using a unified design system.

The html-design-system skill provides a comprehensive framework for creating high-quality, consistent visual components in technical proposals and documentation. It offers a suite of CSS/JS tools, design tokens, and templates specifically optimized for A4 layouts. By providing standardized color palettes, typography, and automated page framing (including headers, footers, and page numbers), it ensures that every table, flowchart, and diagram maintains a professional aesthetic. The skill supports both inline HTML embedding for web-based documentation and high-resolution rendering for PowerPoint presentation pipelines.

主要功能

010 GitHub stars

02Standardized design tokens for consistent brand colors and typography

03Automated A4 page framing with dynamic headers, footers, and page numbering

04Built-in overflow management for long content across multiple pages

05Dual-mode support for inline web content and high-resolution PNG exports

06Pre-built HTML templates for tables, flowcharts, KPI cards, and timelines

使用场景

01Generating high-resolution chart assets for PowerPoint presentations via headless Chrome

02Maintaining a unified design language across large-scale technical documentation projects

03Creating visually consistent technical diagrams for RFP responses

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add astra-technology-company-limited/proposal-specialist html-design-system

For use in Claude.ai and ChatGPT

主要功能

010 GitHub stars

02Standardized design tokens for consistent brand colors and typography

03Automated A4 page framing with dynamic headers, footers, and page numbering

04Built-in overflow management for long content across multiple pages

05Dual-mode support for inline web content and high-resolution PNG exports

06Pre-built HTML templates for tables, flowcharts, KPI cards, and timelines

使用场景

01Generating high-resolution chart assets for PowerPoint presentations via headless Chrome

02Maintaining a unified design language across large-scale technical documentation projects

03Creating visually consistent technical diagrams for RFP responses

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add astra-technology-company-limited/proposal-specialist html-design-system

For use in Claude.ai and ChatGPT