# Platform Web Ui

> Use when the UI needs web-specific responsive layout, browser interaction patterns, accessibility behavior, or browser-based verification.

- **Type:** Skill
- **Install:** `agentstack add skill-kainiko943-beautiful-ui-platform-web-ui`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [Kainiko943](https://agentstack.voostack.com/s/kainiko943)
- **Installs:** 0
- **Category:** [Web & Browser](https://agentstack.voostack.com/c/web-and-browser)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [Kainiko943](https://github.com/Kainiko943)
- **Source:** https://github.com/Kainiko943/beautiful-ui/tree/main/platform-web-ui

## Install

```sh
agentstack add skill-kainiko943-beautiful-ui-platform-web-ui
```

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

## About

# Platform Web UI

## Overview

Use this adapter when the design target is a browser-based product. Preserve the visual direction from `beautiful-ui`, then adapt it for responsive layout, browser interaction, and web accessibility.

## Rules

- Design desktop and mobile layouts intentionally.
- Treat hover, focus, active, disabled, loading, validation, and empty states as first-class.
- Keep forms, tables, filters, and navigation feasible in HTML/CSS terms.
- Use semantic structure, keyboard navigation, visible focus, and contrast checks.
- Prefer implementation notes that can be verified in a browser.
- If the repo uses shadcn/ui or Tailwind CSS, load `framework-shadcn-tailwind-ui` and map visual decisions to local components, tokens, and variants.

## Handoff Must Include

- Breakpoint behavior
- Navigation behavior
- Form and table behavior
- Focus and keyboard behavior
- Reduced motion notes

## Source & license

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

- **Author:** [Kainiko943](https://github.com/Kainiko943)
- **Source:** [Kainiko943/beautiful-ui](https://github.com/Kainiko943/beautiful-ui)
- **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-kainiko943-beautiful-ui-platform-web-ui
- Seller: https://agentstack.voostack.com/s/kainiko943
- 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%.