Skill UI

A comprehensive style guide for implementing the Synthwave and Outrun aesthetic across web and mobile applications. This guide details the core principles, including dark mode backgrounds, glowing neon accents (magenta, cyan), and the signature perspective grid. It provides technical examples using CSS, SwiftUI, Flutter, and React Native to achieve authentic retro-futuristic visual fidelity.

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.

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.

This skill guides users through structured, adaptive learning experiences for any topic. It diagnoses the user's current knowledge level and goal to create a personalized study path. It utilizes techniques like worked examples, retrieval questions, and spaced repetition to ensure deep understanding, making it ideal for self-study, skill acquisition, or subject review.

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.

Neumorphism, or Soft UI, is a contemporary design trend where interface elements appear extruded from the background material itself. This guide details the core principles—unified colors and dual shadows (light highlight and dark shadow)—and provides comprehensive implementation examples for web (CSS), iOS (SwiftUI), and cross-platform (Flutter) development. Use this style when a subtle, soft, and integrated aesthetic is desired.

This comprehensive skill guides the creation of high-quality technical content specifically tailored for developers. It covers the entire devrel content lifecycle: from researching topic validation (community signals, competitor gaps) to selecting the ideal content type (tutorial, guide, case study). The framework emphasizes deep technical accuracy, structured outlines (Hook, Meat, CTA), and writing runnable, copy-paste ready code examples to build trust and drive adoption.

A comprehensive resource containing official, managed integration examples for popular third-party services (Stripe, OpenAI, Supabase, etc.). This library provides canonical patterns for connecting external APIs into an Expo application. Users can utilize it in two primary ways: adapting the pattern into an existing project (most common) or scaffolding a new greenfield application.

This skill fetches the latest, live documentation and code examples for specific libraries and frameworks (e.g., Next.js, React, Prisma). Instead of relying on static or outdated training data, it utilizes the Context7 MCP to provide accurate, up-to-date answers for setup questions, API references, and code generation based on current best practices.

Automate network device management via SSH using Netmiko. This skill provides scripts and examples for configuring, monitoring, and troubleshooting network devices such as routers and switches. Ideal for network engineers and IT professionals seeking efficient, reliable network automation.

This guide addresses the critical difference between standard Node.js SHA3-256 and the Keccak-256 hash function required by Ethereum. Using the wrong hash function can silently corrupt calculated function selectors, event topics, storage slots, and derived addresses. It provides best practices and code examples for using dedicated libraries (like ethers, viem, web3.js) to ensure correct, Ethereum-compliant hashing in JavaScript and TypeScript environments.

A comprehensive, real-time guide for the Digital Marketing Pro plugin. This tool provides a complete overview of the plugin's status, including live versions, available skills, commands, and connectors. It guides users through setup, usage examples (SEO, content creation, campaign strategy), and troubleshooting for advanced digital marketing tasks.