Skill UI

This skill defines a framework-agnostic, scalable architecture pattern for React and React Native applications. It mandates feature modules, strict state separation (server vs. UI), and disciplined import rules to create predictable, maintainable, and highly scalable codebases, regardless of the chosen framework (Next.js, Remix, etc.).

This discipline establishes a portable, framework-agnostic layer for ensuring type safety at the network edge of any React or React Native application. It mandates a single, typed API client to wrap all network fetching, guaranteeing that raw wire JSON is immediately parsed into trusted, domain-specific types or standardized error objects before entering the application state. This pattern drastically reduces runtime errors and enhances code robustness.

A portable, framework-agnostic system designed for robust field-side observability in React or React Native apps. It establishes a strongly typed event taxonomy, ensures best-effort, non-blocking data fan-out across multiple analytics providers, and enforces consent gates for all telemetry data. This system complements synthetic testing by capturing real user vitals (LCP, INP, CLS) and behavioral events in production.

A comprehensive discipline for managing the write path in React or React Native applications using a query/cache layer. It codifies the full optimistic update lifecycle, ensuring that UI updates feel instantaneous, rollbacks are verbatim upon failure, and the global cache remains perfectly coherent across all components and list views. This pattern is essential for complex, highly interactive user experiences.

This skill provides deep, cross-border financial analysis and valuation metrics for stocks across multiple markets (e.g., US, HK). Users can access detailed income statements, balance sheets, cash flow data, analyze business segments, compare valuation multiples (PE, PB), run sophisticated DCF models, and perform value screening. It is an essential tool for fundamental research, investment modeling, and corporate analysis.

This advanced skill performs code review by simulating the documented engineering philosophies of historical figures (e.g., Linus Torvalds, Steve Jobs, Ken Thompson). It moves beyond generic AI findings by grounding critiques in specific, citable principles—such as 'good taste' or 'customer experience.' Ideal for high-stakes PRs, architectural reviews, and ensuring deep, pre-submission code hardening.

This skill is designed for complex, multi-step tasks requiring coordination among multiple AI agents. It implements a robust workflow engine that first generates a detailed plan (task graph, topology) and then orchestrates parallel execution with adversarial verification. Use this when the task spans many files, requires multiple specialized roles, or involves an overall 'workflow' concept, ensuring structured, reliable, and auditable results.

This skill provides comprehensive code review capabilities for analyzing git diffs or specific file scopes. It goes beyond simple syntax checks, assessing code for reuse opportunities, quality issues (e.g., redundant state, leaky abstractions), efficiency bottlenecks, and adherence to standards. It utilizes multiple specialized sub-agents (Reuse, Quality, Efficiency, Clarity) to perform parallel, read-only audits. Optionally, it can apply high-confidence, behavior-preserving fixes upon user request.

This skill covers the principles of building Software Development Kits (SDKs) that provide an exceptional developer experience (DX). Learn how to design intuitive APIs, utilize progressive disclosure, establish sensible defaults, and implement actionable, guiding error messages. The focus is on driving product adoption by making the developer's workflow seamless and productive. Ideal for product managers, technical leads, and API designers.

A comprehensive skill for generating production-grade, robust automation scripts and end-to-end tests using Selenium WebDriver. Supports multiple languages (Java, Python, JS, C#, etc.) and execution environments, including local machines and TestMu AI cloud for cross-browser compatibility. It guides users on best practices like explicit waits, Page Object Model (POM), and stable locator strategies, acting as a senior QA automation architect.

This skill generates comprehensive visual regression test configurations using SmartUI for accurate screenshot comparison on cloud platforms. It is framework-agnostic, supporting major tools like Playwright, Selenium, Cypress, and Puppeteer. Use it when detecting UI changes, ensuring visual consistency, or running automated visual tests across multiple viewports and browsers.

StyleSeed Design Review analyzes UI/frontend code (React/Tailwind/HTML) against a detailed design rubric. It scores the interface (0-100) across coherence, color discipline, hierarchy, and polish. The tool pinpoints specific violations—such as mixed corner radii or non-semantic colors—and generates a prioritized, actionable list of fixes, ensuring the final product looks professional and polished, not generic or 'AI-generated.'