Skill UI

Provides comprehensive guidelines and utilities for modern unit testing using Jest and React Native. Covers Test-Driven Development (TDD) workflows, Behavior-Driven Development (BDD) principles, advanced mocking strategies for modules and GraphQL hooks, and implementing reusable factory functions for props and data. Use this skill to write robust, maintainable, and highly structured unit tests.

This skill provides comprehensive visual philosophy and art-direction guidelines for frontend design. It is ideal for creating high-concept campaigns, unique brand manifestos, or when a distinct, sophisticated, and art-like aesthetic is required. Users define a 'movement' and articulate its core principles across various sensory dimensions, ensuring the final output feels meticulously crafted and conceptually deep.

A comprehensive suite designed for AI agents to perform safe, deep, and multi-format web searches. It allows agents to retrieve current web information, analyze PDFs, extract YouTube transcripts, and access GitHub code files. Instructions include guidelines for varying search depths and using specialized tools for code context retrieval.

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 comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

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.

A comprehensive guide detailing the architectural standards, technology stack, file structure, and coding patterns for building modern, AI-driven full-stack applications. It covers best practices for Next.js, FastAPI, database interaction (Supabase), and structured AI integration (Claude), ensuring consistency and scalability across the development lifecycle.

This skill acts as an expert guide for creating comprehensive, implementation-ready design system documentation. It structures guidelines by defining foundational tokens (color, typography, spacing), detailing component anatomy, interaction states, and adhering to strict accessibility standards (WCAG 2.2 AA). Use it to ensure your design standards are consistent, technically sound, and actionable for engineering and design teams.

This powerful tool utilizes Playwright to record high-quality, professional web application demo videos. It simulates natural user interactions, injecting a visible cursor overlay and adhering to specific pacing guidelines. It is ideal for creating comprehensive tutorials, feature walk-throughs, or documentation for stakeholders.