Skill UI

This technique audits user interaction flows (like button clicks) to detect subtle bugs that static analysis often misses. It specifically tracks the full sequence of state changes, identifying instances where later actions unintentionally cancel, contradict, or leave the UI in an inconsistent state due to state store side effects or race conditions. Ideal for debugging complex state management architectures (Redux, Zustand).

A comprehensive guide derived from C++ Core Guidelines, enforcing modern, safe, and idiomatic practices for C++17, C++20, and C++23. It emphasizes crucial principles like RAII, type safety, immutability, and proper resource ownership using smart pointers. Use this when writing new features, reviewing existing code, or making architectural decisions to ensure code quality and consistency.

This guide outlines the architecture and implementation steps for building a robust, production-ready design system. It covers core elements like design tokens, reusable components, and layout patterns. Ideal for teams needing to maintain design consistency, ensure accessibility, and synchronize design (Figma) with implementation (Storybook).

A comprehensive framework for creating structured, clean, and highly accessible design systems. It defines foundational constraints, typography scales, color tokens, and component-level rules, ensuring consistency and usability across engineering and design teams. Focuses on achieving WCAG 2.2 AA compliance and implementation readiness.

This tool simplifies the process of detecting structural drift by combining audit listing, fresh auditing, and trend diffing into a single command. It finds the most recent audit record, runs a current audit against the repository, and compares the two using structural similarity metrics. It alerts when the structural distance falls below a specified threshold, helping maintain code consistency over time.

Generates professional PNG icon image sets for the Xcode Asset Catalog, supporting both massive open-source collections via Iconify API and native Apple symbols via SF Symbols. Use this tool to streamline the creation, search, and replacement of app icons, ensuring consistency in style, size, and color across your iOS project.

A comprehensive framework for planning and executing multi-channel product launch campaigns. This skill guides users through audience research, positioning definition, content strategy (landing pages, emails, social, video), and rigorous review gates to ensure every asset drives conversion and maintains brand consistency across all platforms. Ideal for orchestrating major product releases.

This engine serves as a shared, comprehensive orchestration layer for the entire development lifecycle (orch-* skills). It defines a rigorous, gated pipeline—including Research, Plan, TDD Implementation, Review, and Commit—ensuring consistency regardless of the specific operation (e.g., feature addition, defect fixing). It also includes a size classifier to accurately scope the required effort and gates for mandatory human review.

This skill transforms you into an expert design system guideline author, specializing in creating structured, implementation-ready documentation for the Power brand. It provides a comprehensive workflow covering style foundations (color, typography, spacing), component anatomy, accessibility standards (keyboard-first, high contrast), and quality gates. Use it to ensure all digital products maintain superior aesthetic consistency, usability, and accessibility.

A comprehensive guide to best practices for building production-ready React Native and Expo applications. Covers core concepts including Expo Router navigation, state management separation, robust data fetching with TanStack Query and Zod, efficient list rendering, styling consistency, and accessing native APIs.

This expert skill generates comprehensive, implementation-ready documentation for the Stitch design system. It covers style foundations, semantic tokens, component anatomy, accessibility requirements (WCAG 2.2 AA), and content standards. Ideal for ensuring visual consistency and creating robust, enterprise-grade user experiences across data-driven applications and AI workflows.

A guide to the Swift 6.2 concurrency model, which mandates default single-threaded execution to eliminate accidental data races. Learn how to use MainActor for isolated consistency and utilize the @concurrent attribute for explicitly offloading CPU-intensive tasks to background threads, ensuring safe and predictable application architecture.