Skill UI

A comprehensive tool that analyzes complex codebases to generate detailed, structured architectural blueprints. It automatically detects and documents the entire technology stack, including primary languages (.NET, Java, Python, etc.), dependencies, versions, licensing, and implementation patterns. The output provides actionable documentation covering coding conventions, usage examples (API, data access), and visual architecture maps, ensuring consistency across guided software development projects.

Applies proven testing patterns (AAA, Given-When-Then, builders, spies, doubles) to help write maintainable unit, integration, and end-to-end suites, covering structuring, naming, TDD/BDD, and mocks across frameworks like Jest, Vitest, or pytest.

Enforces modern TypeScript patterns during development and reviews, guiding const usage, explicit return types, interface-driven shapes, and avoiding any/var or ignored errors.

This skill scaffolds the complete boilerplate structure for a new mobile screen or page. It ensures that the resulting component adheres to established design system patterns, including Top Bars, Bottom Navigation, and standard content shells. Use it when starting a new dedicated mobile view and needing immediate adherence to design tokens and layout rules.

This skill allows users to generate structured and composed UI patterns—such as card sections, multi-column grids, forms, and data tables—by combining established design system primitives. It ensures consistency and reusability by adhering to defined layout rules, making complex UI development systematic and efficient.

A comprehensive guide for writing and reviewing robust, behavior-first unit tests for Vue 3, TypeScript, and Pinia stores. This skill covers advanced patterns for testing components, composables, and state management using Vitest and Vue Test Utils, emphasizing black-box assertions and minimizing implementation coupling.

This skill provides a comprehensive audit of user interfaces, evaluating screens against Nielsen's 10 Usability Heuristics and modern mobile UX best practices. It systematically checks for critical usability flaws, design inconsistencies, accessibility gaps, and potential dark patterns, ensuring the resulting product delivers a superior and intuitive user experience across all platforms.

This skill guides the implementation of essential user feedback states—Loading (Skeleton), Empty (Zero Data), Error, and Success—for data-dependent components or entire pages. It ensures a robust and polished user experience by providing structured, best-practice patterns for handling various data scenarios, preventing visual gaps or dead ends in the UI flow.

This skill guides users on how to search for physical monuments, memorials, or landmarks by linking them to their originating historical events. The core technique involves treating the historical event (e.g., a battle, a protest, a significant date) as the primary search anchor, and then locating the associated memorial or structure. It provides structured query templates and anti-patterns to ensure accurate, context-aware geographical and historical information retrieval.

This skill systematically analyzes an existing codebase to generate seven comprehensive technical documents. It covers the technology stack, architectural patterns, directory structure, coding conventions, external integrations, testing strategies, and technical concerns. It is invaluable for new team members onboarding, conducting project audits, or creating a complete, verifiable system knowledge base.

Aeon is a comprehensive, scikit-learn compatible Python toolkit designed for advanced time series analysis. It supports a wide range of temporal machine learning tasks, including classification, regression, clustering, forecasting, anomaly detection, and similarity search. Use this skill when working with sequential patterns, time-indexed observations, or complex temporal data that requires specialized algorithms.

Generate production-quality React components and UIs using the specialized Rayden UI component library and Tailwind CSS. This skill ensures that all generated code strictly adheres to a defined design system, including correct component usage, design tokens, prop validation, and established layout patterns. Ideal for scaffolding complex pages like dashboards, login forms, and data tables while maintaining premium aesthetics and consistency.