Frontend

Image Compressor compresses images to WebP (default) or PNG with automatic tool selection. Use when asked to compress image, optimize image, convert to webp, or reduce image file size.

Provides guidance on designing user interfaces for Apple platforms (iOS, macOS, watchOS, tvOS) following Human Interface Guidelines. Use when building apps for Apple devices to ensure compliance and best practices.

Generates a single-file HTML horizontal scrolling slide deck with WebGL backgrounds, chapter covers, data posters, and image grids. Offers two visual styles: Magazine × e-ink and Swiss Internationalism.

Diagram Design creates branded architecture, process, data model, and other technical diagrams as standalone HTML, SVG, or PNG. Use it to redraw draw.io or Mermaid sources, or to add brand tokens, semantic patterns, callouts, motion, and sketch styling.

Provides structured design feedback across usability, visual hierarchy, consistency, and accessibility. Useful for reviewing mockups, screenshots, or Figma designs at any stage from early exploration to final polish.

Redesign critiques and improves the visual design of existing UI components, identifying hierarchy, spacing, contrast, alignment, responsiveness, or affordance issues. Use it when asked to redesign, restyle, reimagine, polish, or improve a component, screen, or interface.

Img2threejs turns a reference image into a code-only, procedural Three.js model using a staged sculpting pipeline with quality gates and an AI-vision self-correction loop. Use it when you need an animation-ready 3D asset, character model, or material study rebuilt from a photo rather than photogrammetry or mesh extraction.

Building EmDash Site helps you build and customize EmDash CMS sites on Astro. Use it for pages, collections, seed files, Portable Text, menus, taxonomies, widgets, deployment, and other site tasks.

Learn to build and customize EmDash CMS sites on Astro, covering schema design, content querying, Portable Text, caching, menus, taxonomies, widgets, deployment, and more.

Create EmDash CMS plugins with hooks, storage, settings, admin UI, API routes, and Portable Text block types. Use this skill when asked to build, scaffold, or implement an EmDash plugin, or when creating plugin features like custom block types, admin pages, or content hooks.

Create EmDash CMS plugins with hooks, storage, settings, admin UI, API routes, and Portable Text block types. Use when building, scaffolding, or implementing EmDash plugins, including custom block types, admin pages, or content hooks.

Port WordPress themes to EmDash CMS. Use when converting a WordPress theme to EmDash or matching an existing design. Handles design extraction, template conversion, and EmDash features like menus, taxonomies, and widgets.