Menu

Individual skill

HTMLHero.skill

0upvotes

Build or extend a runnable, responsive Hero first screen for an HTML/React site or web presentation when the user provides a Hero brief, visual reference, media, or existing frontend. Use this for the Hero itself; use HTMLPPT.skill for a multi-slide deck.

skills/HTMLHero.skill/SKILL.md

Read pinned source

Source commit 87caa778a9f6fe3811ee5af6d6a60a95dc334cf9

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
Yes
Observed behavior
Instructions only
Last checked
Nov 11, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

Standard SKILL.md format has not been attested at this commit. No installation command is available; inspect the source.

Repository context

Repository stars (not skill ratings)
130
Repository last updated
Oct 29, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# HTMLHero.skill

Turn a Hero brief or an existing first-screen implementation into a runnable, reviewable Hero. The first screen should establish a visual system that can be extended later.

## Route

- Use for a new or changed Hero first screen with layout, copy, media, or interaction.
- If the request is a multi-slide HTML presentation, use `HTMLPPT.skill` instead.
- If the request is only visual ideation or copy, do not force an implementation workflow.

## Workflow

1. Establish the finish line and scope. Inspect the target directory, recent `AGENTS.md`, `package.json`, lockfile, relevant entrypoints, and referenced assets. Do not read the whole repository by default.
2. Resolve the smallest useful Hero contract: purpose and audience, required copy, visual references, media, interactions, target viewport, existing stack, and delivery target. Read [references/hero-contract.md](references/hero-contract.md) when inputs are incomplete or the work will be handed off.
Back to top