Skill UI

A critical discipline for managing expenses when integrating paid AI or inference APIs. This guard treats dollar cost as a third complexity dimension, mandating the definition of cost contracts (max calls per run, max budget per run, max budget per day). It enforces best practices for bounding loops, retries, and fan-out, ensuring that code bugs cannot lead to unexpected overspending. Best practice requires configuring hard caps both in the code and at the provider dashboard for defense in depth.

This specialized skill guides the creation of long-form structural critical essays and detailed academic dossiers, primarily for Chinese academic contexts. It utilizes the CrossFrame methodology to first establish a foundational structure, define evidence boundaries, and identify key mechanisms, before applying a critical matrix. The output is highly structured, ensuring depth, rigorous source checking, and comprehensive critical analysis suitable for complex intellectual work.

This skill generates a highly customized code review checklist for any pull request. Instead of using a generic template, it adapts the review depth and specific checks based on the target language (e.g., Python, TypeScript), the nature of the change (e.g., bug fix, refactor), and the associated risk level (low, medium, high, critical). It ensures comprehensive coverage, guiding reviewers to focus on critical areas like security, correctness, and architectural integrity.

A structured framework for performing in-depth cohort analysis. It helps measure user retention rates, estimate Lifetime Value (LTV), and segment users based on behavior over time. Use this when analyzing growth metrics, identifying churn risks, or presenting product health to leadership.

A comprehensive guide for designing and implementing 3D user interfaces across web, mobile, and cross-platform environments. Learn core principles like perspective transformations, Z-axis depth, and interactive rotation to build visually stunning, spatially immersive, and highly engaging product experiences.

This comprehensive guide provides core principles and implementation patterns for adopting the Flat Design aesthetic. It details how to build interfaces across web (CSS), mobile (SwiftUI, Flutter), and cross-platform frameworks, emphasizing zero depth, sharp geometries, and high-contrast solid colors while strictly avoiding shadows, gradients, and bevels. Use this when aiming for a modern, minimalist, and clean UI/UX experience.

A comprehensive guide for implementing Flat Design 2.0 (Semi-Flat). This style maintains the clean, solid aesthetic of flat design while introducing subtle, diffuse shadows and micro-gradients to enhance perceived depth and communicate element interactability (e.g., buttons, cards). It provides detailed, cross-platform code examples for Web (CSS), iOS (SwiftUI), Flutter, and React Native.

This comprehensive guide provides technical implementations for achieving a modern 'Layered Design' aesthetic. It teaches developers how to create depth, intentional overlapping, and clear stratification across various platforms. Includes detailed code examples for CSS, SwiftUI, Flutter, and React Native to build complex, dimensional user interfaces.

This guide details the principles and implementation techniques for Skeuomorphism—the design style that makes digital interfaces resemble real-world physical objects. It covers core principles like realistic textures (wood, leather), physical lighting, depth, and real-world metaphors. Provides detailed code examples for Web (CSS), iOS (SwiftUI), and Android (Flutter) to achieve highly realistic, tactile UI elements.

A comprehensive guide for implementing user interfaces that mimic spatial computing devices (like Apple Vision Pro). It focuses on creating digital elements with a sense of depth (Z-Space), utilizing glass-like materials via backdrop blur, and designing gaze-aware interactions, making digital information feel physically anchored in the real environment.

A comprehensive guide and shared vocabulary for designing and structuring complex software modules. Use this when you need to refine an existing module's interface, identify opportunities for deepening its capabilities, determine optimal internal seams, or improve code testability and AI-navigability. It establishes clear principles for Module, Interface, Depth, and Seam.

A comprehensive, pre-deployment, defense-in-depth security audit tool for Solidity smart contracts built with Foundry. It combines static analysis (Slither, Aderyn), symbolic execution (Mythril), property-based fuzz testing, and key hygiene checks to proactively detect critical vulnerabilities like reentrancy, access control flaws, and arithmetic bugs before deployment to any EVM chain.