What problem does it solve? Adding new CLI-style visual blocks to the homepage requires manually recreating a consistent pattern of MacWindow frames, motion animations, hover states, and copy-to-copy interactions, which is error-prone and inconsistent without a codified template. ## Core Features & Use Cases - Standardized Component Template: Generates a complete MobileTerminal or Decoration component following the MacWindow + motion + hover pattern with staggered row animations. - Built-in Interaction Patterns: Includes scroll-triggered entrance via useInView, hover highlighting with accent color, and click-to-copy via the useCopy hook. - Integration Guidance: Covers barrel file exports, index.astro placement with client:visible and delay props, and side-by-side grid layouts. - Use Case: When you want to add a new homepage block simulating gradle build output or swiftlint results, this Skill produces a ready-to-use component with realistic mobile dev tool data and correct animation timing. ## Quick Start Ask the AI to add a new terminal block named gradle-build that simulates Gradle build output on the homepage.
