Skill UI

Design research posters with HTML/CSS templates that export to PDF or PPTX when PowerPoint format is explicitly requested, integrating responsive layouts and AI-generated visuals for quick preview and iteration.

NOTE: This skill is DEPRECATED and should no longer be used for creating new posters. The functionality has been superseded by /paper-poster-html. Users must immediately migrate to the new HTML/CSS pipeline for accurate, measurement-gated poster generation, avoiding the legacy LaTeX flow.

This skill acts as an expert Design Systems Lead, analyzing complex technical assets (HTML, CSS, screenshots) from existing projects. It synthesizes a comprehensive 'Semantic Design System' into a structured DESIGN.md file. This output serves as the authoritative 'source of truth' for AI prompting, ensuring that any new UI generated by tools like Stitch adheres perfectly to the established visual language, color palette, and component standards.

Wraps any existing HTML artifact (landing page, dashboard, etc.) with a live sidebar panel of controls. This panel allows users to instantly adjust design variables—such as accent color, typography scale, layout density, and dark mode—by rewriting CSS custom properties in real time. All changes are persisted via localStorage, enabling continuous exploration and variant testing without losing state.

A sophisticated pipeline that generates professional, print-ready academic conference posters (e.g., for ICLR, NeurIPS). It builds the poster as a single HTML/CSS file and renders it precisely to PDF using headless Chromium. The system enforces measurement-driven hard gates, utilizes a two-hue design system, and ensures figure provenance, guaranteeing structural integrity for publication standards.

A comprehensive system for designing high-quality, multi-platform banners, including social media ads, website heroes, and print materials. It leverages AI visual generation, UI/UX insights, and HTML/CSS structuring to create multiple art direction options for any campaign.