Skill UI

Step-by-step instructions for automating Metaphor toolkits through Rube MCP, covering discovery, connection checks, execution, and schema-safe workflows for reliable results.

Provides expert-level, implementation-ready guidelines for Skeuomorphism design systems. It covers foundational elements like color palettes, typography scales, and spacing rules, combined with WCAG 2.2 AA accessibility standards. Users can build intuitive, familiar, and highly relatable digital interfaces by mimicking real-world textures and physical metaphors.

Generate unique, 16:9 hand-drawn illustrations for articles, blog posts, and technical documentation. This skill translates abstract cognitive anchor points into clean, absurd, and memorable whiteboard sketches. It features a consistent, recurring character, 'Grav,' who actively drives the narrative, ensuring a unique and professional visual language across all your content.

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.