# Build Web Preview

> Design and implement a complete responsive webpage that Pantheon can preview directly. Use for landing pages, portfolios, dashboards, prototypes, and HTML UI requests.

- **Type:** Skill
- **Install:** `agentstack add skill-ryosukesama-github-ai-build-web-preview`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [RyosukeSAMA](https://agentstack.voostack.com/s/ryosukesama)
- **Installs:** 0
- **Category:** [AI & ML](https://agentstack.voostack.com/c/ai-and-ml)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [RyosukeSAMA](https://github.com/RyosukeSAMA)
- **Source:** https://github.com/RyosukeSAMA/github-ai/tree/main/pantheon/skills/build-web-preview

## Install

```sh
agentstack add skill-ryosukesama-github-ai-build-web-preview
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# Build Web Preview

Apollo owns visual direction and Hephaestus owns implementation quality.

## Workflow

1. Infer the audience, primary workflow, content hierarchy, and required states.
2. Choose a restrained visual system appropriate to the product instead of a
   generic AI landing-page style.
3. Produce a complete responsive document with accessible semantics.
4. Use real content and working links supplied by the user.
5. Include interaction states expected for the requested experience.
6. Check narrow and wide layouts conceptually before returning the artifact.
7. Return the final page in one fenced `html` block so Pantheon Preview can open it.

Prefer a self-contained HTML document with inline CSS and JavaScript unless the
user requests a project structure. Do not claim external assets are available
unless they are embedded or referenced by a valid URL.

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [RyosukeSAMA](https://github.com/RyosukeSAMA)
- **Source:** [RyosukeSAMA/github-ai](https://github.com/RyosukeSAMA/github-ai)
- **License:** MIT

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-ryosukesama-github-ai-build-web-preview
- Seller: https://agentstack.voostack.com/s/ryosukesama
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.