Skill UI

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states to ensure optimal user experience and application stability.

Guides Sankhya dashboard developers on HTML/JSP/Java patterns, SQL sanitization, BI parameterization, and UI/UX consistency so dashboards load reliably with lazy-loading states and structured queries.

This skill facilitates dividing approved work among specialized RuFlo roles while maintaining synchronized task states. It involves creating small tasks with single deliverables and owners, respecting dependencies, and avoiding duplication. Users must mark tasks as claimed, blocked with specific reasons, or completed with recorded evidence. Task text cannot trigger external actions directly.

Manage tasks on an OpenViking kanban board using markdown files. Supports task handoffs between agents, progress tracking, and evidence archiving. Use the `ov` CLI to read, write, and grep task states. Ideal for collaborative workflows where work needs to be paused and resumed by different agents without losing context.

This skill guides the systematic triage of project issues and external pull requests (PRs). It moves development items through a defined state machine using roles (e.g., bug, enhancement) and states (e.g., ready-for-agent, wontfix). The process involves context gathering, cross-codebase verification, deep questioning (grilling), and generating comprehensive, agent-ready briefs or marking them for human implementation.

Generate user interface microcopy such as button labels, error messages, empty states, and toast notifications. This skill ensures a casual-but-polite tone, active voice, and plain language to enhance user experience without defining the overall brand voice.

This skill generates appropriate user feedback states for components and pages, including loading skeletons, empty states, error messages, and success toasts. It ensures consistent UI presentation by implementing specific design patterns for data-dependent areas, handling partial or full failures, and providing retry mechanisms. It follows design language references for animations and accessibility, suitable for React-based frontend development workflows.

A comprehensive guide for implementing view transitions in React and Next.js. Learn how to animate UI states, shared element animations, and route changes using the native ViewTransition API. Covers best practices for maintaining spatial continuity and adapting to different navigation contexts.