UI/UX, logos, slides, and image generation (7.4K skills)
Audit an app’s animations for responsiveness, performance, and accessibility, then rank the findings by impact and effort. Produce detailed implementation plans that another agent can follow, while leaving source code unchanged during the audit.
Find places in an interface where animation would help, then filter suggestions by frequency, purpose, speed, and function. Get precise motion settings and reasons for rejected candidates, without changing source code.
Turn a plain description of a web animation into the matching term from a curated glossary. Get a short definition and distinctions between similar effects so you can describe the motion to an AI or designer.
Build interactive dashboards, forms, and visualizations over the QM web interface using HTML, CSS, and JavaScript. Panels can send input to the conversation, update in place, or remain visible across sessions when requested.
Build HTML/CSS pages styled after a named brand using 54 design references. Templates provide colors, typography, spacing, component styles, responsive behavior, and font substitutes to guide a consistent visual result.
Design browser-based pages, dashboards, prototypes, and decks using existing brand guidance and a clear visual process. Build local files, then check rendering, layout, links, and accessibility before handing over the finished artifact.
Review an existing interface component and identify three visual or interaction problems. Get concrete layout, spacing, color, and code changes that follow the project’s existing design conventions, with short before-and-after examples.
Create artwork, product visuals, diagrams, and other images using the desktop's configured image provider. It also edits or combines supplied images and generates variations, turning requests into detailed instructions for composition, style, colors, and text.
Create, migrate, refine, or debug CARLA vehicle assets with Blender and Unreal. Use real vehicle references to guide geometry and materials, configure wheels, lights, and physics, and deliver editable sources with evidence from runtime validation.
Generates a cover image through KrillinAI CLI from a complete prompt describing the title, language, composition, and style. Also checks image-provider configuration, validates the output image, and confirms that the submitted prompt was saved accurately.
Plan and generate illustrations for Chinese articles using the black character 小黑, white backgrounds, and sparse handwritten annotations. The skill identifies passages worth illustrating, proposes placements and visual metaphors, and guides image generation, revision, and delivery.
Creates SVG technical diagrams for system architecture, UML, cloud systems, agents, and workflows. It checks labels and connections, exports PNG or offline HTML, and can animate supported diagrams as GIFs for explaining how components interact.
Design dashboards, admin panels, and app interfaces around users’ tasks and data. Establish screen layouts, colors, typography, and interaction states, then document reusable patterns to keep future interface work consistent.
Build working web pages, components, and application interfaces with a clear visual direction. The skill guides typography, color, spacing, motion, and responsive layouts that adapt to different screen sizes.
Turn visual requests into detailed image prompts for social posts, blog headers, thumbnails, and illustrations. Receive generated images when available, or ready-to-use prompts, with variations in composition, color, or style.
Create logos, illustrations, product images, and other visuals from text, or edit and combine reference images. The skill guides generation through Hive, waiting for results, and delivering saved images, with costs charged to Hive credits.
Explore interface ideas with disposable HTML mockups before implementation. Generate two or three variants to compare, get suggestions for what to explore next, and preserve design findings for future project work.
Review an implemented frontend through a visual audit organized around six pillars. Get a Markdown report with a score from 1 to 4 for each pillar, covering a specified phase or the last completed phase.
Create UI-SPEC.md, a document defining interface design decisions for a frontend phase. The skill coordinates UI research and specification checks, using a chosen phase or automatically selecting the next unplanned one.
Write and review interface text, including button labels, error messages, empty screens, and onboarding instructions. Get recommended wording, alternatives, and explanations tailored to the user's situation, tone, and character limits.
Turn a design into a developer handoff document covering layout, shared design settings, component options, interactions, and screen-size behavior. Include loading and error states, animation details, and accessibility notes to clarify implementation requirements.
Review a design system for inconsistent names and hardcoded visual values, document component variants and accessibility behavior, or propose new interface patterns that follow existing rules. Produce structured audits, component references, and design proposals.
Review a Figma design, screenshot, or written description for usability, visual hierarchy, consistency, and accessibility. Receive specific findings, explanations, and prioritized improvements, with feedback tailored to the design stage and intended users.
Create editable draw.io diagrams from descriptions, code, infrastructure settings, or database schemas. Update existing diagrams while preserving manual layout, check their structure and architecture rules, and export them to image or document formats for sharing.