Skill information

Super Web Design

Premium website builds with varied heroes, React Bits backgrounds, static index.html delivery, browser QA, and chat-only feedback. Use for Super-Web-Design or advanced landing/product/media sites.

Purpose

Create distinctive, production-grade websites where layout, motion, imagery, background effects, and interaction design are treated as one system. Use only public, free, open-source, or user-provided references and assets. Do not fetch, copy, bypass, or reproduce paid, gated, private, Pro-only, or unclear-license materials. This skill is self-contained for Codex, Claude, and Agent Skills style packaging. Load only the references needed for the current task. - Keep the installable folder name and frontmatter `name` exactly `super-web-design`. - Keep `SKILL.md` frontmatter to `name` and `description` only. - Keep human-facing GitHub documentation outside the installable skill folder when publishing a repository. - Keep scripts in `scripts/`, detailed guidance in `references/`, UI metadata in `agents/openai.yaml`, and avoid unrelated files inside the installable skill.

What the Skill includes

  • Publishing CompatibilityFollow the documented workflow in the bundled Skill source.
  • Core WorkflowFollow the documented guidance in the bundled Skill source.
  • Required Project NotesFollow the documented guidance in the bundled Skill source.
  • Super Web Design Hero Composition ContractFollow the documented guidance in the bundled Skill source.
  • Super Web Design React Bits BackgroundFollow the documented guidance in the bundled Skill source.
  • Super Web Design Static DeliveryFollow the documented guidance in the bundled Skill source.

How to use it

Read the bundled SKILL.md, provide the inputs it requests, and apply its documented checks before relying on the result.