market-research-html

Original：🇨🇳 Chinese

Translated

1 scriptsChecked / no sensitive code detected

Generate comprehensive market research reports (50+ pages) in HTML/CSS format, styled after top consulting firms. It features professional typesetting, rich visual generation, in-depth data integration, and supports multi-framework strategic analysis. The HTML format simplifies AI editing and partial updates significantly.

1installs

Sourcearcaneorion/alice-single

Added on2026-02-15

NPX Install

npx skill4agent add arcaneorion/alice-single market-research-html

SKILL.md Content (Chinese)

View Translation Comparison →

Market Research Report (HTML Version)

Overview

This skill aims to generate professional-grade market research reports of 50+ pages in HTML/CSS format. This format not only retains the professional visual rigor of top consulting firms like McKinsey and BCG, but also greatly simplifies AI editing, partial updates, and content appending for long documents.

Core Features:

AI-Friendly Format: Clear HTML structure supports targeted chapter updates via IDs, avoiding compilation errors common in LaTeX.
Professional Consulting Style: Achieve top-tier typesetting, color schemes, and interactive directories through built-in CSS.
Comprehensive Analysis: Covers core frameworks such as TAM/SAM/SOM, Porter's Five Forces, PESTLE, SWOT, and BCG Matrix.
One-Click PDF Conversion: Use the browser's "Print" function with print-optimized CSS to obtain perfect paper-version reports.

Output Format: HTML5 + CSS3 (including print styles), optional JS for interactive enhancements.

Visual Enhancement Requirements

Each report should generate 6 basic visual contents at the start using the

scientific-schematics

and

generate-image

tools.

Visual Content Embedding Method

In HTML, use the

<img>

tag to embed generated images:

html

<div class="figure">
    <img src="figures/01_market_growth.png" alt="Market Growth Trajectory">
    <div class="caption"><b>Figure 2.1:</b> Market Growth Trajectory Prediction (2024-2034)</div>
</div>

Workflow (HTML First)

Phase 1: Initialization and Environment Setup

Create a project folder.
Copy
```
assets/style.css
```
and
```
assets/template.html
```
.
Create a
```
figures/
```
folder to store visual assets.

Phase 2: Research and Data Collection

Use

research-lookup

to collect key data:

Market size, CAGR, segment market shares.
Top 10 competitors and their shares.
Regulatory policies, technological trends.

Phase 3: Batch Visual Generation

Use Python scripts to generate all required charts:

bash

python scripts/generate_market_visuals.py --topic "[Market Name]" --output-dir figures/

Phase 4: Report Writing (AI Editing Logic)

Initialize Skeleton: Create a first draft based on
```
template.html
```
.
Block-by-Block Filling: AI fills content chapter by chapter. Due to the simple closing of HTML tags, AI can easily handle 50+ pages of long text.
Partial Optimization: Precisely target sections requiring in-depth analysis using
```
id
```
(e.g.,
```
#chapter-4
```
).

Phase 5: Preview and Export

Open the HTML file in a browser for instant preview.
Check if CSS styles are loaded correctly.
Use the browser's "Print -> Save as PDF" function, ensuring "Print background graphics" is checked.

Professional Component Reference

During writing, use the following HTML classes to implement consulting-grade components:

Component Name	HTML Code Example	Purpose
Insight Box	`<div class="insight-box box">...</div>`	Emphasize key findings and in-depth insights
Data Box	`<div class="data-box box">...</div>`	Display core statistical data and metrics
Risk Box	`<div class="risk-box box">...</div>`	List potential threats and challenges
Recommendation Box	`<div class="recommendation-box box">...</div>`	Provide actionable strategic recommendations
Chart Container	`<div class="figure">...</div>`	Wrap images and add professional captions

50+ Page Verification Checklist

Includes standard cover and hero visualization.
Interactive table of contents (sidebar or top-placed).
Executive Summary (with Snapshot box and investment thesis).
11 core analysis chapters are complete (each with corresponding
```
section
```
tag).
Contains at least 6 core charts (TAM/SAM/SOM, Five Forces, Risk Matrix, etc.).
All data points are sourced in HTML.
Appendix includes research methodology and detailed data tables.
In print preview, each chapter starts on a new page (CSS page break control).

Resources

assets/style.css
: Defines all visual specifications.
assets/template.html
: Starting template.
references/
: Contains detailed text guides for all analysis frameworks.
scripts/
: Includes Python automated plotting tools.