Platform web ui
Make AI coding agents design beautiful, accessible, platform-native UI.
npx -y skills add Kainiko943/beautiful-ui --skill platform-web-uiAssembled 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.
What its author says it does
Copied from the file, not written here
Use when the UI needs web-specific responsive layout, browser interaction patterns, accessibility behavior, or browser-based verification.
SKILL.md
1.1 KB, 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-uiand 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