agentsclimarketplace
Sign in

Platform web ui

Skill Kainiko943/beautiful-ui/platform-web-ui

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

Install
npx -y skills add Kainiko943/beautiful-ui --skill platform-web-ui

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.1 KB, 191 tokens by cl100k_base, as published. Nobody here has run it

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

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.