UI/UX, logos, slides, and image generation (7.3K skills)
Use TypeUI project design skills, brand kits, UI prompt libraries, and layout guidance while creating or refining interfaces with Hermes Agent. It helps apply project context to visual decisions and explore layout options before implementation through the TypeUI MCP server.
Generate images from detailed prompts, then refine saved image artifacts or user-provided images with follow-up edits. Specify the subject, composition, style, lighting, colors, and required text to guide each result.
Choose and adapt reusable motion-graphics cards and style templates for HyperFrames videos. Review a style's design and limits, integrate its assets and timing into a project, or build a new style pack for reuse.
Explore, refine, or review interfaces for websites, apps, admin tools, and components. Compare distinct visual directions, improve hierarchy using real screenshots, and deliver a comparison page, design notes, mockup, or runnable interface according to the request.
Improve an interface’s layout, hierarchy, typography, spacing, and interaction states so people can understand and use it more easily. Refine dense or unfinished screens, account for loading and error states, and apply accessibility basics such as keyboard access and readable contrast.
Turn a web or mobile brief into visual screen concepts, layout directions, and flows before implementation. Compare distinct options, make stakeholder assumptions concrete, and give developers a reference while identifying which details are direction and which are placeholders.
Create and maintain a product design system: shared values for color, type, spacing, and other visual choices, plus component rules and states. Bring inconsistent screens together and add or change reusable parts while accounting for their existing use across the product.
Audit a website, app, or onboarding flow by walking through real user tasks. Connect each usability issue to its business impact and severity, then suggest concrete fixes and prioritize what to address first when conversion or activation is low.
Create or revise pitch decks, board decks, conference talks, and one-pagers with a clear argument. Shape the structure, takeaway headlines, and focused charts around whether the material will be presented aloud or read on its own.
Choose a visual direction for an interface—minimalist editorial, industrial utilitarian, or polished commercial—and apply it consistently through typography, color, spacing, surfaces, and motion while keeping the existing layout structure.
Audit an existing product interface and prioritize improvements to its structure, visual system, hierarchy, and screen states. The result is a sequenced plan that helps decide what to restyle and whether a rebuild is warranted.
Define a visual brand system covering logo use, colors, typography, and imagery. Use it to establish a brand, create practical guidelines, review real product and marketing materials for inconsistencies, or decide how the identity should appear in a new format.
Turn written content into suitable visual assets such as carousels, diagrams, quote graphics, and charts. The skill helps shape each format for quick reading in a phone feed and write prompts for generated images, including composition, palette, and mood.
Use this skill to describe a design system, analyze reference images or pages into a structured JSON profile, or apply that profile to new content. It covers measurable tokens, qualitative style, and visual effects such as 3D scenes and scroll animations.
Wait for UI element or window to appear. When you need to wait for dialog to open, loading to complete, or synchronize with application state before next action. Default timeout is 10 seconds.
The English summary is being prepared. Showing the original description.
Inspect window UI element tree structure for debugging and understanding interface layout. When you need to debug UI automation issues, understand application structure, or find correct element identifiers.
The English summary is being prepared. Showing the original description.
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
The English summary is being prepared. Showing the original description.
Apply a consistent color palette and font pairing to slides, documents, reports, or HTML pages. Choose from ten preset themes, or create a custom theme based on the artifact and the style inputs provided.
Click desktop elements or coordinates. When you need to click buttons/icons in applications, select menu items, or interact with desktop UI. Supports element description, name prefix, or coordinates. For browser webpage elements, use browser_click instead.
The English summary is being prepared. Showing the original description.
Turn a request into an original visual philosophy, then express it as a single-page PNG or PDF artwork. The process emphasizes composition, color, form, and sparse text, with the design idea communicated mainly through visual elements.
Develop original generative art with p5.js, a JavaScript creative coding library. The skill first frames an artistic idea as an algorithmic philosophy, then expresses it in an interactive HTML artifact with reproducible seeded randomness and adjustable parameters for exploring variations.
iOS 26 液态玻璃设计系统 — 适用于 SwiftUI、UIKit 和 WidgetKit 的动态玻璃材质，具有模糊、反射和交互式变形效果。
The English summary is being prepared. Showing the original description.
REST API设计模式，包括资源命名、状态码、分页、过滤、错误响应、版本控制和生产API的速率限制。
The English summary is being prepared. Showing the original description.
生产级 API 的 REST API 设计模式，包括资源命名、状态码、分页、过滤、错误响应、版本控制和速率限制。
The English summary is being prepared. Showing the original description.