Skill UI

This agent provides a critical framework for navigating corporate environments, contrasting internal jargon and process visibility (Ding In) with objective, real-world evidence and user experience (Ding Out). It helps users move beyond subjective 'feelings' or polished reports, structuring complex tasks into verifiable components: Goal, Acceptance Criteria, Action, Evidence, and Risk. Ideal for project management, status reporting, and critical thinking in a corporate setting.

Dep handles the entire journey from local code to production deployment. This skill automates containerization using Docker and docker-compose, establishes robust CI/CD pipelines (linting, testing, security scanning, deployment), manages environment variables and secrets, and generates Infrastructure as Code (Terraform/Pulumi) configurations. It ensures observability and provides rollback procedures.

This comprehensive guide walks new engineers through setting up a complete local development environment from scratch. It covers all necessary prerequisites, including installing required tools (Git, Docker, Go, etc.), cloning repositories, configuring environment variables, and running initial tests. The goal is to ensure a consistent, working environment and allow new team members to start contributing code quickly and confidently.

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.

A comprehensive guide detailing the implementation of the 'Bento UI' design pattern across web (CSS Grid), mobile (SwiftUI), and cross-platform (Flutter) environments. This pattern creates highly structured, modular, grid-based dashboards resembling modern app layouts, ensuring aesthetic consistency and responsiveness.

A comprehensive style guide for building mission control, NOC dashboards, and global monitoring systems. This theme utilizes dark mode, glowing accents (cyan, amber, red), and complex data visualization elements to simulate a high-stakes, real-time operational environment across web, iOS, and Flutter platforms.

This guide outlines the principles of duotone design, an aesthetic characterized by using only two highly contrasting colors for both UI and imagery. It provides comprehensive implementation examples for modern web (CSS), mobile (SwiftUI, Flutter), and cross-platform environments, showing how to achieve the two-color mapping effect using advanced blend modes and color filters.

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 for implementing spatial, mixed-reality user interfaces. Inspired by Apple Vision Pro and AR aesthetics, this pattern uses environmental transparency, blurred glass-like panels, and dynamic lighting effects to create deeply integrated, context-aware layouts for web and mobile applications.

This comprehensive guide provides developers with the foundational principles and actionable code examples for implementing the Y2K aesthetic. Learn how to achieve the signature look—incorporating chrome metallic effects, amorphous blob shapes, digital grid backgrounds, and neon glows—across web (CSS), iOS (SwiftUI), and cross-platform (Flutter) environments.

Use Mailtrap Email Sandbox to capture and inspect outbound emails without sending them to real recipients. This is crucial for development, staging, and CI/CD environments. It allows developers to test email content, headers, attachments, and spam scores using dedicated APIs, SMTP settings, or SDKs, ensuring mail integrity before deployment. Ideal for automation and rigorous quality checks.

This skill transforms the current workspace into a comprehensive, stateful teaching environment. It guides the user through deep, multi-session learning by structuring content into core components: a defined mission, reference materials, curated resources, structured lessons, and continuous learning records. It employs educational best practices (spaced repetition, retrieval practice) to ensure long-term knowledge retention.