Design

html-anything

Creates polished, shareable HTML pages from ideas, files, folders, URLs, datasets, and exports, using automatic routing to specialized design systems and interactive layouts.

★ 149 GitHub Stars
88 Quality score
1 Files

About this Skill

Turn rich agent answers and any file, folder, URL, or export into a polished single-file HTML page. Auto-picks a default route plus 17 concrete design systems (teaching, dashboard, atlas, timeline-story, document, …).

Use cases

  • Create interactive teaching sites
  • Convert datasets into dashboards or atlases
  • Turn documents and exports into browsable pages
  • Analyze conversations with privacy-focused visualizations
  • Build shareable reports and explainers

Features

  • Supports ideas, files, folders, URLs, and exported data as inputs
  • Automatically selects from specialized page styles and use-case systems
  • Produces standalone HTML artifacts with optional local assets
  • Supports interactive layouts such as dashboards, timelines, maps, and teaching studios
  • Includes guidance for reference-style fidelity and browser verification

Supported Agents

Other

Skill files

Related Skills

web-design

Guides an AI agent through a two-phase web design workflow: create and confirm a DESIGN.md specification, then generate responsive UI code for landing pages, portfolios, product p…

xiaopu-ai/web-design ★ 775
web design ui ux responsive design landing page

xiaohu-ip-studio

Generates illustrations for Chinese deep-dive articles using fixed IP characters, visual metaphors, shot lists, selected art styles, and image-generation APIs.

xiaohuailabs/xiaohu-ip-studio ★ 291
image generation chinese content ip characters illustration

ip-diagram-creator

Creates a reusable minimalist hand-drawn IP character from authorized user materials, then plans and produces illustrated content, knowledge cards, posters, storyboards, and prese…

haloshin/ip-diagram-creator ★ 258
ip character visual content hand-drawn knowledge cards

xhs-cover

Generates and edits Xiaohongshu (XHS/RedNote) cover images from photos, titles, and style instructions, with GPT Image 2/Codex as the primary method and Gemini CLI as fallback.

Vivixiao980/xhs-cover-skill ★ 197
xhs rednote cover design image generation

product-design-and-ux

Defines user-facing product behavior from validated evidence and approved scope, including information architecture, task flows, state models, interaction contracts, usability pla…

magnus919/agent-skills ★ 88
product design ux information architecture task flows

color-management

Provides guidance and scripts for ICC profile inspection, color-space conversion, gamut analysis, working-space validation, soft proofing, and color workflow troubleshooting.

magnus919/agent-skills ★ 88
icc profiles color science gamut mapping image processing

brand-designer

Guides agents in documenting brand strategy, visual identity, voice, applications, governance, and assets using templates, validation, compilation, and optional image prompt gener…

magnus919/agent-skills ★ 88
brand identity brand guidelines visual identity brand strategy

nous-branding

Guides AI agents in creating Nous Research-branded visuals and content using its cyber-classical style, color palette, typography, mascot references, textures, image prompts, and …

magnus919/agent-skills ★ 88
nous research theia hermes brand identity