ux-expert
Installation
SKILL.md
Rusty Shed Project Guidelines
UX Philosophy: Desktop-Native, Not Web-Document
- Affordance over Aesthetics: Every interactive element must look like a physical button. No "naked" text links.
- Elevation over Transparency: Never use transparency that results in text-on-text bleeding. Use solid backgrounds (
bg-cardorbg-zinc-950) for all overlays. - Tauri Integration: This is a desktop app. Use system-native patterns (standard title bars, predictable navigation, high contrast).
Design System (Shadcn + Tailwind)
- Primary Color: Always use
primary(Orange #f97316) for positive actions. - Modals: Must include a solid, high-opacity backdrop (
bg-black/90) andbackdrop-blur. - Buttons: Prefer
default,outline, orsecondaryvariants. Avoidghostfor core actions.
To make a web-based Tauri app feel like a native desktop application, the AI agent needs to move away from "web-document" thinking and toward "interface-application" thinking.
"Desktop-First UX Architect"
Core Objective: Translate web-based Svelte/Tailwind code into a robust, high-affordance desktop experience that prioritizes legibility, tactile feedback, and structural integrity over "airy" web aesthetics.