captjay98/Batch-Centric Design
.gemini/skills/batch-centric-design/SKILL.md
The batch is the atomic unit - UI patterns centered around batch management
$ install --global
skillsauthnpx skillsauth add captjay98/gemini-livestockai Batch-Centric DesignInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 12:54 AM8.0s1 file scanned
SKILL.md
- name:
- Batch-Centric Design
- description:
- The batch is the atomic unit - UI patterns centered around batch management
Batch-Centric Design
In LivestockAI, the "Batch" (a group of animals) is the atomic unit of the farm.
Core Principle
- Wrong: A "Feed Log" page where you select a batch.
- Right: A "Batch Dashboard" where you click "Log Feed."
All operations flow from the batch context.
Batch Header (North Star)
Every batch-related page starts with this anchored header:
┌─────────────────────────────────────────────┐
│ 🐔 Broiler Batch A Week 6 ● Synced │
│ 450/500 birds • Sunrise Poultry Farm │
└─────────────────────────────────────────────┘
- Always visible (sticky on scroll)
- Shows: Species icon, name, age, sync status
- Tap to expand batch details
Health Pulse Card
Color-coded status at a glance:
┌─────────────────────────────────────────────┐
│ 🟢 ON TRACK │
│ Mortality: 2.1% • FCR: 1.8 • Weight: 1.2kg │
└─────────────────────────────────────────────┘
Action Grid
High-frequency actions as large touch targets:
┌──────────┬──────────┬──────────┐
│ 🍗 │ 💀 │ 💰 │
│ Feed │ Death │ Sale │
├──────────┼──────────┼──────────┤
│ ⚖️ │ 💉 │ 💧 │
│ Weigh │ Vax │ Water │
└──────────┴──────────┴──────────┘
Command Center Layout
Every Batch Detail view MUST follow this structure:
- Header (Static): Batch Name | Age (Weeks) | Species Icon | Sync Status
- Health Pulse (Dynamic): Color-coded status card
- KPI Strip: Mortality % | FCR | Current Weight
- Action Grid: Large buttons for high-frequency tasks
Data Tables (Mobile)
On mobile, tables transform to cards:
┌─────────────────────────────────────────────┐
│ Jan 15, 2026 ₦45,000 │
│ 50 birds @ ₦900/bird │
│ Customer: Alhaji Musa [View →] │
└─────────────────────────────────────────────┘
Navigation Hierarchy
Operations (The "Now")
- Farm Overview
- Batches
- Tasks
Inventory (The "Resources")
- Feed Store
- Medicine Cabinet
Analysis (The "Business")
- Credit Passport
- Financial Reports
Ecosystem (The "Network")
- Customers
- Suppliers
Related Skills
rugged-utility- Touch targets and visual designoffline-first- Sync status indicators
Related Skills
captjay98/Zod Validation
data-ai
VerifiedTrustedCommunity
Input validation patterns with Zod in LivestockAI server functions
6SKILL.mdUpdated Apr 16, 2026
captjay98/Vitest Patterns
testing
VerifiedTrustedCommunity
Unit testing patterns with Vitest in LivestockAI
6SKILL.mdUpdated Apr 16, 2026
captjay98/Three-Layer Architecture
tools
VerifiedTrustedCommunity
Server → Service → Repository pattern for feature organization
6SKILL.mdUpdated Apr 16, 2026
captjay98/TanStack Start
data-ai
VerifiedTrustedCommunity
Server-side rendering and server functions with TanStack Start in LivestockAI
6SKILL.mdUpdated Apr 16, 2026