Skill UI

A comprehensive guide to implementing the Swiss Design (International Typographic Style). This style emphasizes absolute mathematical grids, clean sans-serif typography (like Helvetica), and asymmetrical layouts. It is ideal for users requiring highly structured, minimal, and objective visual communication across web and mobile platforms.

A comprehensive guide for implementing Typography First Design across web and mobile applications. This style emphasizes using type as the primary visual element, minimizing decorative UI elements (chroming) to create a highly focused, high-impact, and sophisticated user experience. Includes specific implementation details for CSS, SwiftUI, Flutter, and React Native.

This guide details the principles and technical implementation of widget-based user interfaces, mimicking the aesthetic of modern mobile operating systems (like iOS Home Screen). It covers core design principles such as strict aspect ratios, glanceability, and corner radius matching. Practical code examples are provided for Web (CSS Grid), iOS (SwiftUI), and Cross-platform (Flutter) development, enabling designers to create modular, highly functional mini-apps.

A comprehensive guide for implementing the raw, highly structured, and intentionally unfinished Brutalist aesthetic across web, mobile (SwiftUI, Flutter), and cross-platform applications. Learn to utilize stark borders, monospace fonts, high contrast colors, and system defaults to achieve a non-conventional, anti-polished design look.

A comprehensive guide for implementing the Glassmorphism aesthetic across web and mobile applications. Learn the core principles, including backdrop filtering, semi-transparent backgrounds, and light borders, to create a modern, frosted glass look inspired by macOS and contemporary digital interfaces. Includes code examples for CSS, SwiftUI, and Flutter.

A high-fidelity template for designing a complete mobile application screen. This mockup is enclosed in a pixel-accurate iPhone 15 Pro frame and includes all essential UI elements: status bar, app header, main content area (supporting lists, feeds, or forms), and bottom tab bar. Features realistic elements like the Dynamic Island and safe-area padding, making it ideal for UI/UX design mockups and professional portfolio display.

A standardized three-screen template illustrating the complete mobile onboarding journey. This sequence typically includes a brand splash screen, a value proposition screen highlighting key benefits, and a final sign-in/signup screen with primary CTAs. Ideal for designing the first impression of a new app.

This comprehensive guide provides best practices and an audit checklist for designing robust, real-world experiments in mobile and wireless communication systems. It emphasizes moving beyond simulations, detailing necessary RF setups, quantifiable energy metrics, and reporting statistical distributions to ensure high academic credibility.

A specialized downstream skill for complex CTF challenges, focusing on cryptographic analysis, steganography, and mobile system forensics. It guides the user through recovering complex data chains, such as decoding blobs, tracing cryptographic transforms (keys, IVs, nonces), inspecting hidden media payloads, and analyzing mobile trust boundaries (e.g., APK/IPA signing logic, local storage, SSL pinning). This skill is designed to be used only after a main sandbox orchestrator has established the operational context.

This skill allows users to iterate on an existing generated Power Apps mobile app. It supports updating Application Insights configuration, data models, native capabilities, design, screens, and code without restarting the full project flow. It handles planning, verification, and regeneration of static previews for UI changes.

Design or redesign Dataverse schema and connector plans for existing mobile apps. Apply ER diagrams (image, Mermaid, or text) to create data models. This standalone workflow handles schema design, connector planning, approval, and execution delegation without full app planning. Use when you have an initialized app with data requirements.

Comprehensive guidelines for DevOps workflows including infrastructure design, CI/CD pipelines, container management with Docker and Kubernetes, health checks, rollback strategies, feature flags, and mobile release processes. Ensures production readiness and security compliance across various environments.