Web &
UI Design.
An adaptable visual-design skill for premium SaaS websites and information-dense admin dashboards. Route-specific guidance keeps marketing patterns out of operational product UI. Grounded in real source. Guided by the TOPHIVE Design Intelligence v2 principles.
Design the right artifact.
AI agents can confuse tasks when they see a product URL. Web & UI Design routes by the user's requested output. A new landing page stays a website design task—not a Gutenberg product description or a Rank Math settings package.
Installing this skill does not give an agent access to your Mac, applications, production systems or private repositories. Those require their own permissions and tools.
One skill. Focused jobs.
Website design
Ground the product brief in verified facts, develop art directions, shape a buyer-driven page, and build a responsive standalone prototype when requested.
Product UI
Review actual dashboards and workflows, preserving navigation, tables, forms, control density and meaningful states before styling. Never convert an operational UI into a marketing landing page.
Visual review
Critique screenshots and actual renders, prioritize specific improvements, and report what was genuinely tested.
Seven readable files.
The portable package includes one skill entry, three task-specific references (including dashboard rules), display metadata and two branded icon assets. No large gallery dump.
Start with a real product.
For example: “Use Web & UI Design to propose three distinctive art directions for a standalone AnyLicense SaaS landing page. Verify available product facts and keep Gutenberg SEO tasks separate.”
Installation and usage guide ↗