Browse Skills

Design, build, and verify practical dashboards for KPIs, trends, comparisons, status monitoring, and operational decisions. Use for HTML dashboards, application dashboard views, metric panels, chart collections, filters, and responsive data interfaces.

A practical workflow for designing, implementing, and verifying production frontend interfaces with attention to accessibility, responsiveness, and real interaction states.

Create and optimize marketing images using AI generation models, design tools, and compression techniques. Ideal for blog heroes, social graphics, mockups, and brand assets.

Author, review, or batch-produce SVG icon hover gestures and morphs for Hugeicons, Lucide, and Phosphor icon sets. Use for per-icon animations like icon morphs, draw-on effects, and hover gestures.

A guided interview skill that helps you build a personalized mobile dashboard for daily tasks, tracking, and journaling—no coding required. Deploy it to your phone's home screen like an app.

Classify UI animation as communicative or decorative and apply the right reduced-motion strategy so meaning survives under reduced motion. Use for auditing, authoring, or verifying web motion accessibility.

Theming builds readable light, dark, and high-contrast themes with semantic tokens, contrast checks, and palette generation from a seed colour. Use it when adding dark mode, multi-brand themes, or fixing contrast across theme variants.

UI Review critiques interface designs by checking hierarchy, affordance, consistency, and state coverage. Use it when reviewing mockups, screenshots, or live screens and you need feedback that leads to specific design fixes.

Visual Design produces static layouts like posters, covers, and social graphics with deliberate hierarchy, composition, type, and colour. Use it when reviewing or creating designs for print or screen.

Generates shippable HTML design artifacts including prototypes, slide decks, infographics, and landing pages. For AI agents to produce polished visual deliverables from a single prompt.

IFQ Design routes prompts into templates and verification to produce shippable HTML design artifacts. Use it for prototypes, mockups, slide decks, motion demos, and similar visual deliverables, with export only when requested.

Provides typography rules based on Practical Typography for styling and reviewing text in any medium. Use when auditing or improving readability of web pages, documents, slides, or emails.