UI/UX, logos, slides, and image generation (7.4K skills)
Style slides in an existing HTML presentation using documented CSS classes and component patterns. The skill covers two-column comparisons, cards, warning boxes, and code coloring, along with rules for automatically displayed slide badges.
Create a Dubai time card as an SVG image and a Markdown summary from supplied time values. It fills the included templates and saves both files in the designated output directory without fetching or recalculating the time.
Guide the visual and storytelling choices for HyperFrames videos, including colors, fonts, composition, narration, and pacing. Use existing brand specifications or choose a visual style to give scenes a consistent look and rhythm.
Create navigable HyperFrames presentations with step-by-step reveals, clickable branches, and speaker notes. You can also turn an existing page into a deck while preserving its visual design, motion, and interactive behavior.
Create diagrams that explain systems, workflows, and data relationships using a consistent brand style. The skill guides diagram selection, layout, and readability, with HTML, SVG, and PNG output and support for importing existing diagram formats.
Plan a website's pages, hierarchy, navigation, URLs, and internal links. Produce page trees, visual sitemaps, URL tables, and navigation specifications to guide a new site or reorganize an existing one around visitor needs and business goals.
Inspect and edit 3MF files for 3D printing. Detect cylindrical holes, change their diameters, repair mesh issues, and compare files while preserving BambuStudio and PrusaSlicer metadata when repacking the edited file.
Choose tools and workflows for 3D modeling, dimensioned CAD parts, scan processing, rendering, and fabrication. Capability tables and recipes help connect tasks from photographs or initial designs to printable parts, CNC toolpaths, or game assets.
Inspect 3MF files for 3D printing, detect cylindrical holes, and resize them to a chosen diameter. Repair mesh defects and compare files while preserving BambuStudio and PrusaSlicer metadata during file repacking.
Plan image and graphic design workflows by matching tasks to available tools, from AI generation and photo editing to logos, interface mockups, diagrams, and publishing. Compare requirements, costs, and offline options before combining providers.
Create and edit FreeCAD models using commands for dimension-controlled sketches, solid parts, assemblies, and technical drawings. Check geometry through previews, measure models, and export files for CAD exchange, 3D printing, or documentation.
Create and edit vector graphics, images built from shapes and paths, using commands for text, colors, layers, and layout. Save project state, undo edits, and export finished graphics as SVG, PNG, or PDF.
Create and edit diagrams with Mermaid, a text format for describing visual structures. Save projects, undo source changes, export SVG or PNG images, and generate links for viewing or editing in Mermaid Live Editor.
Create and edit Draw.io diagrams through text commands, then export them as PNG, PDF, or SVG files. Manage shapes, connectors, and pages, undo edits, and retrieve structured JSON output that an AI agent can read.
Turn a product's visual and interaction goals into DESIGN.md and EXPERIENCE.md. Through guided discussion, capture appearance, screen structure, behavior, accessibility, and user journeys as specifications that can guide later design and development work.
Consult Sally, a UX and UI specialist, to translate user needs into interaction designs and UX specifications. The role considers unusual situations as well as everyday use, helping communicate clear design intent to architecture and implementation work.
Create and review scientific figures with Matplotlib, Seaborn, or Plotly. The skill covers panel layouts, uncertainty, missing data, accessible color choices, and exported file checks, helping prepare figures for papers, presentations, or web publication.
Turn descriptions of scientific components and relationships into PNG diagram drafts with Nano Banana 2. Gemini 3.7 Flash reviews each draft and may request one revision, while saved image versions and review logs support manual checking.
Create research presentation slides with clear structure, concise text, figures, and timing guidance. The skill supports PowerPoint, LaTeX Beamer, and image-based PDFs, with workflows for preserving original research charts and reviewing slide layouts.
Turn research content into conference posters with editable LaTeX sources and a PDF. Arrange columns, figures, and text using poster templates, then check page dimensions, embedded fonts, and image resolution before printing.
Turn supplied data or optional research into infographic drafts for reports, presentations, or social posts. Choose layouts and visual styles, generate PNG images, and use automated reviews to guide revisions while retaining review logs.
Design custom laboratory parts as adjustable build123d models and export STEP, STL, and DXF fabrication files. Check mating dimensions against standards, test geometry, and visually review holders, mounts, microfluidic parts, and other research fixtures before fabrication.
Create an animated diagram showing request flows, background jobs, or feature changes. The result is a single SVG image for README files, pull requests, issues, or blog posts, with support for light and dark themes.
Find animation, short-video, and motion-effect references on 1human, including items saved in a shared human-agent library. Review sources and licenses to guide creative work, and publish creations only within the owner's explicit permission.