Skill UI

This comprehensive guide outlines the core principles for implementing effective and aesthetically pleasing dark mode across multiple platforms. It covers critical rules such as avoiding pure black backgrounds, defining elevation using lightness contrast, and utilizing desaturated accent colors to reduce eye strain. Detailed code examples for Web (CSS), iOS (SwiftUI), and Flutter are provided, ensuring a premium, high-fidelity user experience.

A comprehensive guide for designing and implementing professional, data-driven dashboards across web, iOS, and Flutter. It details core principles like modular grid layouts, establishing data hierarchy (KPIs, charts), and maintaining minimalist aesthetics. Includes specific code examples using CSS Grid, SwiftUI, and Flutter widgets to ensure optimal user experience and data clarity.

Design and build interactive playgrounds that let developers experience your product without commitment. Covers playground architecture, pre-populated examples, embedding strategies, gating decisions, and converting users to signups.

Create technical content for developers including blog posts, tutorials, and documentation. Provides a framework for research, outlining, code examples, and technical accuracy to build trust and drive adoption.

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.

Coordinate a bounded code review from multiple perspectives including correctness, authorization, and performance. This skill describes a review procedure for defined diffs or subsystems. It involves reading diffs, choosing relevant perspectives, recording findings with exact locations, reproducing issues, and resolving disagreements through code or tests. It is a read-only review process that does not install orchestration engines or prove compliance.

This advanced AI skill converts raw study materials—such as syllabi, past exam papers, or personal notes—into a structured, prioritized, and difficulty-ranked High Score Roadmap. It covers all key question types (Theory, Numerical, MCQ, Coding, Lab) and optimizes study flow by ordering topics from Easy to Hard. Use it for targeted revision, gap analysis, and predicting high-yield exam questions.

Access Expo's official repository containing ~70 integration examples for third-party services like Stripe, Clerk, and Supabase. Use these examples to find canonical patterns for dependencies, configuration plugins, and code wiring when integrating libraries into existing Expo apps or scaffolding new projects. Avoid reinventing the wheel by adapting proven integration structures.

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.

Practical async patterns in TypeScript with fp-ts TaskEither for clean pipelines, replacing nested try/catch. Includes real fetch, Prisma, and file API examples.

Everyday TypeScript data transformations using functional patterns: array reshaping, object normalization, grouping, aggregation, and null-safe nested access with practical examples.

A quick reference guide for the fp-ts Either type in TypeScript. It covers error handling, validation, and operations that can fail with typed errors. Includes examples for creating, transforming, and extracting values, as well as common patterns like chaining validations and converting throwing code.