layout AI Agent Skills
Browse 8 skills related to layout
doc-parser
Parse complex documents with IBM's docling - handles tables, figures, and multi-column layouts
layout-analyzer
Analyze document structure and layout using surya - detect text blocks, tables, and reading order
PDF Generation Testing
Testing PDF generation including layout verification, content accuracy, font embedding, accessibility (PDF/UA), and cross-platform rendering consistency.
Responsive Design Testing Automation
Automated responsive design testing across breakpoints, viewports, and devices with visual comparison and layout verification.
Responsive Layout Breaker
Systematically test responsive layouts across breakpoints to find overflow, overlap, and alignment bugs using viewport simulation and visual comparison.
web-design-expert
Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand identity development, visual design systems, layout composition, and responsive web design. Activate on "web design", "brand identity", "color palette", "UI design", "visual design", "layout". NOT for typography details (use typography-expert), color theory deep-dives (use color-theory-expert), design system tokens (use design-system-creator), or code implementation without design direction.
collage-layout-expert
Expert in ALL computational collage composition: photo mosaics, grid layouts, scrapbook/journal styles, magazine editorial, vision boards, mood boards, social media collages, memory walls, abstract/generative arrangements, and art-historical techniques (Hockney joiners, Dadaist photomontage, Surrealist assemblage, Rauschenberg combines). Masters edge-based assembly, Poisson blending, optimal transport color harmonization, and aesthetic optimization. Activate on 'collage', 'photo mosaic', 'grid layout', 'scrapbook', 'vision board', 'mood board', 'photo wall', 'magazine layout', 'Hockney', 'joiner', 'photomontage'. NOT for simple image editing (use native-app-designer), generating new images (use Stability AI), single photo enhancement (use photo-composition-critic), or basic image similarity search (use clip-aware-embeddings).
pdf-press
Teaches agents how to generate HTML and Markdown that renders beautifully to PDF with proper page breaks, compact professional layouts, domain-adaptive color schemes, and multi-column support for technical reports, scientific papers, and magazine-style documents.