Frontend

Favicon Generator creates a complete favicon set from a logo, initials, or brand colors. Use it when replacing a default favicon, fixing iOS black squares, or adding the required icon files and manifest.

Icon Set Generator creates cohesive, project-specific SVG icon sets for websites and apps. Use it when you need consistent custom icons for a web project instead of a generic icon library.

Image Processing resizes, crops, trims whitespace, converts formats, and optimises images for web development. Use it for thumbnails, OG cards, logo cleanup, or when an image is too large.

Onboarding UX audits a web app for first-run friction and generates in-app guidance like empty states, tooltips, welcome flows, and inline hints. Use it when new users need clearer next steps or the app feels confusing.

Building Architecture Models creates and refines System Composer architecture models across functional, logical, and physical layers. Use it for interface dictionaries, stereotypes, allocation sets, views, and requirements traceability.

Building Simulink Models edits Simulink, System Composer, Stateflow, and Simscape model structure. Use it when adding blocks, changing parameters, wiring connections, or editing chart internals.

Frontend Design guides creation of distinctive, production-grade interfaces with a clear aesthetic direction. Use it when building components, pages, or applications that need polished, real working frontend code.

Algorithmic Art creates p5.js generative art from a written philosophy, then expresses it as interactive HTML and JavaScript. Use it for original code-based art, flow fields, particle systems, and other seeded visual explorations.

Cover Image Generator creates article cover images with controllable type, palette, rendering style, text, mood, and aspect ratio. Use it when you need a cover for an article or blog post.

Diagram Generator creates standalone dark-themed SVG diagrams for architecture, flowcharts, sequences, timelines, mind maps, and other process or system visuals. Use it when you need to visualize structure, logic, relationships, or a process from text or uploaded content.

Infographic Generator analyzes content and suggests layout and style combinations for publication-ready infographics. Use it when you need a visual summary, information graphic, or high-density explanatory image.

Frontend Design guides the creation of distinctive, production-grade interfaces for components, pages, and applications. Use it when building web UIs that need a clear aesthetic direction and real working code.