# HTML To Interaction Prompts

Convert a supplied HTML page or generated HTML reference into a screenshot-backed...

- Repository: https://github.com/MengTo/Skills (7170 stars)
- Category: Design
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add MengTo/Skills --skill html-to-interaction-prompts -g -a claude-code -y`
Codex: `npx skills add MengTo/Skills --skill html-to-interaction-prompts -g -a codex -y`
Cursor: `npx skills add MengTo/Skills --skill html-to-interaction-prompts -g -a cursor -y`
Gemini CLI: `npx skills add MengTo/Skills --skill html-to-interaction-prompts -g -a gemini-cli -y`

## Description

Convert a supplied HTML page or generated HTML reference into a screenshot-backed article containing multiple reusable interaction prompts. Use when the user provides an HTML file, exported page, generated-page.html, or local/live reference and asks to extract animation/interactions, create prompts, capture screenshots for each prompt, add them to an article, or commit the resulting article/assets.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# HTML To Interaction Prompts

## Goal

Turn an HTML reference into an article-ready prompt pack: identify the important interactions, capture the right visual evidence, write flexible prompts, insert screenshots under each prompt title, verify the article renders, and commit only the intended files.

## Daily UI Inspiration Capture Contract

When this skill is used for a daily UI inspiration workflow:

The rest: https://github.com/MengTo/Skills/blob/HEAD/agent-skills/codex/html-to-interaction-prompts/SKILL.md