메뉴
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).