Skill UI

Engineers minimalist, scalable vector logos using geometric primitives, negative space, and strict flat-style constraints to translate brand briefs into iconic, professional marks for modern identities.

Guides frontend designer-engineers to deliver memorable, production-ready interfaces by defining an aesthetic stance, scoring feasibility with DFII, and translating every intentional decision into code, typography, motion, and texture.

Generates structured DESIGN.md files that serve as a single source of truth for AI-powered screen generation (Google Stitch). This skill translates complex, anti-generic design directives into precise semantic rules, covering typography, color calibration, motion physics, and layout principles to enforce a premium, high-agency UI/UX standard. It ensures outputs are sophisticated and avoid common AI design clichés.

This skill is designed to enhance the overall feel and usability of user interfaces. Currently, this file is undergoing Japanese translation. Please refer to the original English skill file for detailed functionality and usage scenarios.

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.

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.

This skill is designed to enhance the overall feel and usability of user interfaces. Currently, this file is undergoing Japanese translation. Please refer to the original English skill file for detailed functionality and usage scenarios.

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.