Skill UI

This skill provides comprehensive best practices for designing modern and robust React user interfaces. It covers critical patterns for managing asynchronous data, including optimal loading state indicators (skeletons vs. spinners), structured error handling hierarchies, and designing contextual empty states. Essential for improving user experience during data fetching and operations.

A comprehensive, professional single-page dashboard template designed for administration and analytics. It features a fixed sidebar, top navigation bar, KPI card grid, and dedicated space for 1-2 main charts (line, bar, area). It is ideal for operational monitoring, business reporting, and visualizing key performance indicators.

A comprehensive dashboard designed for tracking dating and community engagement metrics. It features real-time signal tickers, key performance indicators (KPIs), 30-day mutual match charts, and match rate trend analysis. Ideal for personal self-improvement or tracking consumer/social trends.

A specialized presentation deck template adopting a cyberpunk, CRT terminal aesthetic. It is ideal for conducting deep technical reviews, such as benchmarking CLI agents, demonstrating code diffs, or presenting complex development tool analyses. Features a dark background, grid lines, command prompt indicators, and structured tagging for maximum professional impact.

A comprehensive template designed for quarterly financial reporting. It integrates key performance indicators (KPIs), revenue and burn charts, a detailed Profit & Loss (P&L) summary, top-line highlights, and future outlook sections. This is ideal for presenting structured financial performance to stakeholders.

A comprehensive Notion dashboard designed for real-time team operations and performance tracking. It provides a centralized overview by aggregating Key Performance Indicators (KPIs) in a grid format, displaying 7-day trend sparklines, showing live activity feeds, and summarizing tasks in a structured database table. Ideal for project managers and team leads who need a single source of truth for project status and team coordination.