elite-ui-rust

Enforce UI standards for Rust, React, and Tailwind projects.

Updated Dec 24, 2025
One-click install
npx skills add https://github.com/so-sai/TachFile_To --skill elite-ui-rust
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: elite-ui-rust
Source: https://github.com/so-sai/TachFile_To/tree/main/.agent/skills/elite-ui-rust
Command: npx skills add https://github.com/so-sai/TachFile_To --skill elite-ui-rust

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a rigorous, opinionated set of UI/UX engineering standards for Rust-based desktop apps (Tauri) using React and Tailwind, ensuring consistency, performance, and security across teams.

Core Features & Use Cases

  • Dead Code Zero Tolerance: remove unused CSS classes and code paths to keep builds clean and maintainable.
  • Tailwind CSS v4 Engine Mode: enforce correct initialization and avoid invalid utilities, promoting scalable, predictable styling.
  • AEC Design Constitution: apply precise layout, typography, and color semantics to deliver predictable, instrument-like interfaces.
  • Production Hygiene: maintain clean build artifacts and enforce export/import discipline for production readiness.

Quick Start

Start a new project following the Clean Hands doctrine, configure Tailwind v4 as specified, and enforce the Rigid Frame and Typography rules during initial setup.

Frequently Asked Questions about elite-ui-rust

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce dead code elimination in Rust and React Tauri projects?

Dead code elimination in Rust and React Tauri projects is enforced by removing unused CSS classes and code paths. This Skill applies a zero-tolerance policy to keep builds clean and maintainable across the application.

What are the best UI standards for Rust desktop apps using Tailwind CSS v4?

UI standards for Rust desktop apps using Tailwind CSS v4 include enforcing correct engine mode initialization and avoiding invalid utilities. This ensures scalable, predictable styling and layout stability across the application.

Does this UI standards approach work for cross-platform Tauri applications?

Yes, this UI standards approach works for cross-platform Tauri applications. It applies industrial-grade rules for performance, consistency, and security across desktop and cross-platform builds using Rust and React.

How do I configure Tailwind v4 engine mode to avoid invalid utilities in React?

Tailwind v4 engine mode is configured by enforcing correct initialization during setup. This prevents invalid utilities and promotes scalable styling by following the specified Clean Hands doctrine.

What typography and layout rules ensure instrument-like interfaces in React?

Typography and layout rules ensuring instrument-like interfaces in React are defined by the AEC Design Constitution. It applies precise color semantics, layout stability, and typography rules for predictable interfaces.

Why does production hygiene matter for Rust and React desktop applications?

Production hygiene matters for Rust and React desktop applications because it maintains clean build artifacts and enforces export and import discipline. This ensures the application is fully ready for production deployment.