菜单
Generate structured image prompts for brand visuals: logos, UI icons, favicons/PWA icons, featured blog images, and Open Graph social cards. Use when users ask to design or iterate brand identity assets, social preview graphics, or reusable prompt templates for image models.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Canonical SaaS product UI skill for designing, reviewing, or implementing calm, premium, production-ready interfaces across dashboards, settings, admin/runtime screens, editors, builders, tables, forms, drawers, sidebars, and related public surfaces. Use when you need strong hierarchy, reusable tokens, typography, responsive layout rules, component consistency, and app-surface patterns rather than decorative one-off design.
Typography-first SaaS UI/UX workflow for internal product screens and components. Use when designing or refactoring dashboards, settings pages, editors, builders, tables, or modals where typography hierarchy, flex/grid layout, spacing rhythm, and premium neutral surfaces need to be the main organizing system. Also use when a UI feels cramped, visually noisy, misaligned, or inconsistent.
Full-system SaaS UI/UX design workflow for product interfaces that should feel premium, calm, structured, responsive, and production-ready. Use when designing or refactoring dashboards, settings pages, editors, builders, forms, tables, modals, drawers, sidebars, and runtime configuration screens. Also use when deciding layout hierarchy, typography, spacing, neutral surface treatment, card composition, flex/grid structure, dark/light parity, and reusable system patterns across a SaaS app.
Premium neutral-first UI/UX design system and frontend workflow for product interfaces. Use when designing or reviewing pages, components, dashboards, settings screens, editors, forms, tables, modals, drawers, or interaction patterns that should feel calm, premium, responsive, system-driven, and production-ready. Also use when making design decisions about hierarchy, tokens, spacing, dark/light parity, component states, and cross-page consistency.
| name | image-logo-icons |
| description | Generate structured image prompts for brand visuals: logos, UI icons, favicons/PWA icons, featured blog images, and Open Graph social cards. Use when users ask to design or iterate brand identity assets, social preview graphics, or reusable prompt templates for image models. |
Create production-ready prompts for brand and marketing images.
site_logoui_iconfeatured_blog_imagesocial_og_imagefavicon_app_iconFinal prompt:Render settings:Variation ideas:| Type | Required | Optional |
|---|---|---|
site_logo | brand_name, niche, style, primary_color, mood | icon_concept, neutral_color, font_tone |
ui_icon | icon_name, icon_purpose, icon_style, primary_color, size_context | stroke_weight, corner_style |
featured_blog_image | article_title, keywords, primary_color, image_style, tone | visual_metaphor, focal_subject |
social_og_image | brand_name, page_title, tagline, primary_color, bg_style | domain_text, logo_position |
favicon_app_icon | brand_symbol, shape, primary_color, secondary_color | border_style, padding_ratio |
Use defaults when optional fields are not provided:
neutral_color: slate grayfont_tone: clean modern sans-serifstroke_weight: 1.5pxcorner_style: slightly roundedvisual_metaphor: derive from title + keywordsfocal_subject: abstract symbol tied to keyword intentdomain_text: include only if providedlogo_position: bottom-leftborder_style: nonepadding_ratio: 12%If a user requests multiple assets in one turn:
brand_name, palette, mood).