openwhisper-ui-discipline

Loads shadcn guidance and validates UI primitive choices for React components, settings panes, and hooks in apps/tauri/src before editing code.

2|Updated Apr 22, 2026
One-click install
npx skills add https://github.com/jimmi-joensson/OpenWhisper --skill openwhisper-ui-discipline
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: openwhisper-ui-discipline
Source: https://github.com/jimmi-joensson/OpenWhisper/tree/main/.claude/skills/openwhisper-ui-discipline
Command: npx skills add https://github.com/jimmi-joensson/OpenWhisper --skill openwhisper-ui-discipline

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI development often suffers from inconsistent component usage and anti-patterns, leading to UI drift and confusion across features. This discipline ensures preflight checks and canonical UI decisions before editing code, reducing regressions and stylistic drift.

Core Features & Use Cases

  • Load the shadcn guidance before editing any UI files to ensure adherence to project conventions.
  • Validate and choose appropriate UI primitives (e.g., Slider, Select, ToggleGroup) based on data shape and user interaction patterns.
  • Apply consistently across React components, settings panes, and hooks under apps/tauri/src to maintain design integrity.

Quick Start

Before editing any UI files under apps/tauri/src, invoke the shadcn skill and validate control types prior to implementing UI changes.

Frequently Asked Questions about openwhisper-ui-discipline

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

FAQPage Schema
How do I enforce shadcn UI consistency in React components?

To enforce shadcn UI consistency, load the shadcn guidance as a preflight step before editing UI files, validating canonical patterns and appropriate control-type selection for React components and settings panes.

What causes UI drift in React applications using shadcn?

UI drift in React applications using shadcn is caused by inconsistent component usage and anti-patterns. Applying a disciplined preflight workflow to validate UI primitives before editing code reduces these regressions and maintains design integrity.

How do I validate UI control types before implementing changes in Tauri source files?

To validate UI control types in Tauri source files, invoke the shadcn guidance skill as a preflight check to select appropriate UI primitives like Slider, Select, or ToggleGroup based on data shape and user interaction patterns.

Do I need to load design guidelines before editing React hooks in apps/tauri/src?

Yes, loading design guidelines is required before editing React hooks in apps/tauri/src. This preflight invocation ensures documentation-based decision making and adherence to canonical UI patterns during implementation.

What's the best way to prevent stylistic drift when building settings panes with shadcn?

The best way to prevent stylistic drift when building settings panes with shadcn is to apply a disciplined UI workflow enforcing preflight checks and canonical UI decisions before editing code, reducing regressions across features.

Are there limitations to applying shadcn design guidelines across different UI features?

Limitations of applying shadcn design guidelines include the strict requirement to perform preflight loading before any UI edits and carefully control primitive selection, as skipping these steps leads to inconsistent component usage and UI drift.