dafong-html-report

Generate HTML reports with DaFeng Environmental corporate identity standards.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Jimmy1987s/EC-Claude-Skills --skill dafong-html-report
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dafong-html-report
Source: https://github.com/Jimmy1987s/EC-Claude-Skills/tree/main/skills/dafong-html-report
Command: npx skills add https://github.com/Jimmy1987s/EC-Claude-Skills --skill dafong-html-report

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill standardizes the creation of HTML reports, ensuring a consistent and professional DaFeng Environmental corporate identity across all generated documents.

Core Features & Use Cases

  • Corporate Branding: Applies DaFeng's official logo, color palette, and typography.
  • Structured Reporting: Guides content organization using frameworks like SCQA and maps content to predefined UI components.
  • Visual Hierarchy & Readability: Implements design principles for clear visual flow and adherence to accessibility standards.
  • Use Case: Generate a project progress report or a technical proposal document that perfectly matches DaFeng's brand guidelines, complete with appropriate charts, tables, and professional layouts.

Quick Start

Use the dafong-html-report skill to create a new HTML report based on the proposal example.

Frequently Asked Questions about dafong-html-report

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

FAQPage Schema
How do I generate an HTML report that adheres to corporate branding and design system standards?

To generate an HTML report with corporate branding, use this Skill to apply official color palettes, typography, and logos. It enforces design system principles and component usage to ensure visual consistency across all professional visual documents.

What is the SCQA framework and how does it structure technical proposal documents?

The SCQA framework structures technical proposal documents by guiding content organization into Situation, Complication, Question, and Answer. This Skill maps content to predefined UI components using this framework for structured content delivery.

Can I use this Skill for project progress reports and technical tutorials?

Yes, you can use this Skill for project progress reports and technical tutorials. It facilitates the creation of professional visual documents by enforcing visual hierarchy, readability, and accessibility standards tailored to your project needs.

How do I ensure data visualization and visual hierarchy in an HTML report?

To ensure data visualization and visual hierarchy in an HTML report, this Skill implements design principles for clear visual flow and maps data to predefined UI components like charts and tables while adhering to accessibility standards.

Do I need any external dependencies to create professional HTML reports?

You do not need any external dependencies to create professional HTML reports. This Skill operates independently using its internal scripts, references, and assets to enforce corporate identity and generate the final output.