UI/UX, logos, slides, and image generation (7.4K skills)
Turn written descriptions into scientific diagrams, including neural network architectures, biological pathways, and research flowcharts. Nano Banana 2 generates images, while Gemini 3.1 Pro Preview reviews them and guides regeneration when needed.
Create 16:9 landscape images for sharing a quote or key figures on social media. The skill arranges text, attribution, supporting metrics, and branding in HTML, then renders the card as a PNG image.
Turn text or data into visual explanations, from process diagrams and comparison layouts to animated charts. Create browser-viewable graphics that export to SVG, or GIFs showing changing rankings, rising numbers, progress, and growing lines.
Create vertical marketing posters for product launches, events, and social sharing. Arrange a large headline, key selling points, and a call to action in a 1080×1920 layout, delivered as an HTML file and a rendered PNG image.
Generate images from written descriptions, transform existing images with editing instructions, or create several variations. Choose image dimensions and quantity, then save the results using an OpenAI-compatible service or apimart with your own API key.
Plan product images and e-commerce detail pages, then turn the visual direction into image-generation prompts. Coordinate colors, layouts, and image sequences across a set, with optional image generation through a configured API.
Turn prepared text into a set of vertical knowledge cards for Xiaohongshu. Choose a visual style, organize each card around one main point, and export coordinated cover, content, and closing images.
Guide the visual design of social media cards and posters with nine styles, consistent colors, Chinese typography, and layout patterns. Check rendered images for excessive empty space and uneven content distribution before delivery.
Create shareable comparison cards showing product specifications, differences, or pros and cons. Organize supplied data or research missing details, then produce fixed-size HTML and PNG cards using table, side-by-side, or pros-and-cons layouts with sources and dates.
Create interfaces and visual assets that follow the fast-agent brand. Use its design guidelines, colors, fonts, assets, and reusable interface components to build static HTML mockups, disposable prototypes, or designs implemented in production code.
Build interactive calculators, comparisons, charts, and simulations with layouts that adapt to screen size. Includes input validation, keyboard access, and map-based itineraries, with geographic coverage limited by the configured map provider.
Explain systems, processes, and abstract ideas with SVG diagrams, graphics that scale to different screen sizes. Create flowcharts, nested structures, or illustrations with readable labels, meaningful colors, and smaller diagrams for complex topics.
Choose text, tables, charts, or interactive controls to suit the task. Use it to explain relationships, compare options with visible assumptions, or build working calculators with input checks and reset controls.
Refine interface details such as typography, shadows, rounded corners, icons, and animations within the project's existing styling system. Supports implementation and quick or full reviews with prioritized findings, concrete changes, and verification results.
Give slides, documents, reports, and HTML landing pages consistent colors and fonts. Choose from ten preset themes using a visual showcase, or create a custom theme from a description and review it before application.
Turn user data and interviews into research-backed personas, or representative user profiles. The toolkit also supports mapping user journeys, planning usability tests, and combining research findings to guide and validate design decisions.
Create scientific diagrams from written descriptions using Nano Banana Pro. Gemini 3 Pro reviews accuracy, labels, and layout, triggering regeneration when scores fall below the chosen document threshold, up to the iteration limit.
Create research posters intended for PowerPoint using HTML and CSS templates. Arrange large visuals and concise text, preview the layout in a browser, and follow PDF export or PPTX creation steps with readability and overflow checks.
Create and revise research posters in LaTeX, a document typesetting system. Arrange columns, text, existing figures, and QR codes, then check page dimensions, font embedding, image resolution, and readability before printing.
Turn written instructions into infographics for statistics, comparisons, timelines, and more. Choose layouts and color palettes, optionally research supporting facts, and receive versioned images with automated quality reviews and refinement when scores fall below the chosen threshold.
Create original generative art with p5.js, using code to produce patterns and motion. Receive a written artistic concept and an interactive HTML viewer with adjustable parameters, reproducible random variations, seed navigation, and PNG downloads.
Turn the subject under discussion into an HTML explanation with large visuals and minimal text. Keep essential details, explain unfamiliar ideas in plain language, and use pictures or icons selectively when they help the reader understand.
Create reports, explainers, presentations, landing pages, or small tools as a single HTML file. The skill shapes layout and interaction around the subject and audience, with styles and scripts included for direct opening without a build step.
Turn relationships, sequences, hierarchies, or quantities into a self-contained HTML diagram. The skill selects a suitable visual form and adds filtering, path tracing, or zoom only when those interactions help readers understand the subject.