sk-ui

What problem does it solve?

The sk-ui skill prevents UI inconsistencies and slow rework by standardizing the TimeKast Starter Kit’s ready-to-use UI building blocks (tables, forms, dialogs, navigation shells, and common interaction patterns) so teams don’t rediscover patterns project-to-project.

Core Features & Use Cases

• Reusable Table System: Use DataTable for common searchable + paginated tables, or switch to Table with useTableState / useServerTableState for custom toolbars and URL-synced, server-driven filtering.
• Kit Form System (not shadcn forms): Build Zod-validated forms via @/components/form and submit through the kit’s server-action workflow with fewer wiring mistakes.
• CRUD UI Primitives & UX Rules: Apply StatusToggle, ConfirmDialog, and BreadcrumbSetter to keep destructive actions safe, labels human-friendly, and dynamic routes breadcrumb-correct.
• Layout & Navigation Shells: Use DashboardShell, BottomNav, and BottomNavMoreSheet to get protected-page structure and mobile navigation behavior aligned with the kit.
• Consistent Feedback & Micro-UX: Prefer ConfirmDialog over raw confirm patterns, use the kit’s wrappers around popovers/tooling decisions, and display EmptyState and human IDs reliably.

Quick Start

Use the sk-ui skill when you are about to build a new catalog page or settings screen in the TimeKast Starter Kit, and ask for the correct component (table/form/dialog/layout) plus the recommended usage pattern for the exact UI you need.