Skill UI

A comprehensive skill for creating, editing, and automating vector graphics and technical diagrams using LibreOffice Draw. It supports the native ODG format and facilitates seamless format conversion between ODG, SVG, PDF, PNG, and JPG. Ideal for generating flowcharts, organizational charts, and technical schematics, and for batch processing graphics operations via command-line or Python UNO scripting.

Guides creating memorable interactive portfolios that win jobs and clients by balancing experience design, conversion psychology, and tailored storytelling for developers and creatives.

This skill applies principles of behavioral psychology and choice architecture to redesign user experience (UX) flows. It is used when a product's conversion friction is rooted in interaction design, not just copy. By auditing cognitive load, defining optimal default paths, and inserting strategic commitment points, it guides users toward desired actions ethically, maximizing commitment while preserving autonomy. Ideal for improving onboarding, checkout funnels, and complex decision-making sequences.

This skill acts as a Visual Psychologist and Environmental Researcher, guiding the systematic mapping of visual elements—including color, typography, spacing, and imagery—to desired emotional states and conversion goals. It ensures that design decisions are strategic, supporting persuasion and brand narrative rather than merely being decorative. Use it when you need visuals to evoke a specific feeling (e.g., trust, urgency, calm) for a defined target audience, while respecting cultural and accessibility constraints.

Generates a high-conversion, single-column HTML email optimized for product launches, newsletters, and brand announcements. This skill structures the email with key components including a masthead, hero image block, dynamic headline lockup, specifications grid, and a single primary CTA, ensuring a professional and cohesive marketing message.

Generate production-ready images for SEO: OG/social previews, blog heroes, schema images, product photos, infographics, and more. Uses Gemini via nanobanana-mcp, with aspect ratios, resolutions, and domain modes optimized for each use case. Includes post-generation SEO checklist for alt text, file naming, WebP conversion, schema markup, and OG meta tags.

This skill specializes in creating high-impact portfolios that convert visitors into job opportunities or clients. It covers developer, designer, and creative portfolios, focusing on UX, personal branding, and conversion optimization. The expert balances creativity with usability to ensure memorable experiences within the critical 30-second impression window. Ideal for users needing to showcase work effectively.