5. Design & Creative

Transforms vague video ideas into structured YouTube content with viral titles, hooks, outlines, and promotional shorts using proven creator frameworks.

Creates AI-generated visual assets including presentation images, conceptual illustrations, and brand-aligned graphics via Google Imagen.

Generates distinctive, production-ready frontend interfaces with high design quality, avoiding generic AI aesthetics for web components and UI elements.

Generates original algorithmic art using p5.js with seeded randomness and interactive parameters, avoiding copyright issues through unique code-driven creations.

Generates original visual designs for posters, art, and static documents in PNG and PDF formats, ensuring no copyright infringement.

Handles Microsoft PowerPoint (.pptx) presentation creation, editing, layout adjustments, and speaker notes.

Guides creation of UI/UX interfaces and design systems using psychology-driven principles, design tokens, and component patterns.

Enforces modern, minimal, and professional UI design standards by rejecting outdated or visually noisy patterns in web interfaces.

Provides implementation guidance for jp-ui's design foundation tokens including colors, typography, icons, shapes, and shadows.

Reviews website design visually for responsive layout, accessibility, and consistency issues, then applies code-level fixes to resolve detected problems.

Provides standardized UI and brand guidelines for GSD projects to ensure visual consistency and brand alignment across digital products.

Drafts, edits, and structures Reveal.js slides for the Introduction-to-Informatics course, enforcing design standards and layout adjustments.

Creates production-grade, distinctive frontend interfaces and UI components with polished design quality, avoiding generic AI aesthetics.

Applies Clarity, Deference, and Depth principles with single-focus composition, large typography, whitespace, and minimal CTA to web UI design.

Creates and edits visual canvases (mind maps, flowcharts) using .canvas files for Obsidian note-taking.

Enables structured exploration of user intent, requirements, and design before implementing features or components.

Offers a Tailwind CSS v4-based UI design system with component patterns, layouts, and animations for consistent app interfaces, supporting standard and seasonal modes.

Reviews UI code for compliance with Vercel Engineering's Web Interface Guidelines to ensure design consistency.

Provides hyper-specific, conversion-optimized landing page specifications for SaaS applications, detailing design and content elements to maximize user engagement.

Optimizes performance and user experience with responsive layouts, accessible typography, and persistent dark mode.

Provides a specification framework for designing authoritative business websites with full-funnel navigation including Home, Services, and Case Studies pages.

Creates a story-driven personal brand portfolio with identity home page and project case studies for creative professionals.

Automates batch visual comparisons between Figma designs and implemented UI components, summarizing pass/fail results for CI validation of component libraries.

Optimizes Mermaid diagrams for improved visual clarity, consistency, and layout while preserving original structure and meaning.