Skill UI

Helps plan content that drives traffic, builds authority, and generates leads by defining searchable or shareable topics, identifying pillars, and organizing editorial calendars tailored to business goals.

This skill provides seamless integration with Unsplash, offering access to a massive, curated collection of high-quality, free-to-use professional photography. It is essential for elevating the visual quality of websites, apps, and marketing designs. Use it to source artistic, premium imagery for hero sections, product galleries, and editorial layouts, eliminating the need for generic placeholders and cliché stock photos.

Guidelines for crafting industrial brutalist interfaces that merge Swiss print and military terminal aesthetics, emphasizing rigid grids, stark typography, utilitarian color, and analog degradation for data-heavy dashboards or editorial sites.

Protocol for crafting premium utilitarian editorial-style interfaces with warm monochrome palettes, flat bento grids, muted pastels, strict typography, and very restrained motion for high-end workspace-like frontends.

This advanced engine creates deeply personalized, relationship-aware daily gifts using a sophisticated five-stage creative pipeline. It first performs an 'Editorial Judgment' to determine if a gift is warranted, and then generates the content concept. Output can be rendered as interactive H5 web pages, AI-generated images, or videos, ensuring that every artifact is highly unique, contextually relevant, and avoids repetition. Ideal for automated journaling, marking milestones, or maintaining thoughtful daily engagement.

Generates a comprehensive, long-form, single-page article optimized for editorial reading. Ideal for developing high-quality blog posts, case studies, or detailed essays. The skill enforces structured design elements, including mastheads, hero images, pull quotes, figures, and related content sections, resulting in a professional, magazine-like aesthetic.

This skill generates a sophisticated, single-screen consumer dashboard mimicking a high-end lifestyle publication's dating column. It moves beyond simple swiping mechanics to visualize complex social metrics, mutual matches, and connectivity trends using editorial typography and restrained design. Ideal for concepts requiring data-driven storytelling about personal or community relationships.

Generates a sophisticated, long-form poster mimicking an editorial essay from a Sunday magazine or newsprint. This layout is highly type-driven, featuring oversized serif headlines, datelines, numbered content sections, and annotated pull-quotes. Use it when your brief requires a professional, journalistic, or manifesto-style aesthetic.

Create a single-file HTML presentation deck in an editorial magazine and e-ink style, with swipe navigation, WebGL fluid backgrounds, serif headlines, sans-serif body text, and modular layouts for talks, launches, and shareable presentations.

A powerful, provider-agnostic skill dedicated to generating high-quality, single-image assets such as posters, key art, and editorial illustrations. This tool utilizes a structured, multi-step prompt composition workflow (Subject, Lighting, Palette, Camera) to ensure cinematic and artistic consistency, regardless of the underlying AI model (Flux, Imagen, Midjourney). Ideal for designers needing professional-grade visual concepts.

An expert AI designed to author comprehensive, implementation-ready design system guidelines specifically for editorial layouts. It structures documentation covering style foundations, component anatomy, accessibility requirements, and content tone, ensuring consistency and high usability in magazine-inspired UIs.

This skill provides expert-level, comprehensive guidelines for building a modern, minimal, and editorial design system. It covers foundational tokens (color, typography, spacing), accessibility standards (WCAG 2.2 AA), and detailed component rules, enabling engineers and designers to build polished, consistent digital products.