UI/UX、ロゴ、スライド、画像生成（7,358 件）
Implement project-consistent UI through page classification, bounded references, semantic tokens, skeleton-first delivery, and responsive screenshot QA. Use for frontend redesigns, dashboards, forms, settings, mobile pages, screenshot recreation, visual polish, or generic-looking generated UI.
日本語の概要は準備中です。原文の説明を表示しています。
GStack design-shotgun method for rapidly exploring multiple distinct design directions before choosing one to implement or polish.
日本語の概要は準備中です。原文の説明を表示しています。
GStack autoplan method for running a broad CEO, design, engineering, and developer-experience review before opening implementation windows.
日本語の概要は準備中です。原文の説明を表示しています。
GStack design consultation method for critiquing product/UI/visual direction, exploring alternatives, and recommending a design path before production.
日本語の概要は準備中です。原文の説明を表示しています。
GStack design plan review for user journey, layout, interaction model, responsive behavior, accessibility, and visual risk before UI work starts.
日本語の概要は準備中です。原文の説明を表示しています。
GStack design-html method for producing or planning quick HTML prototypes, design boards, or rendered visual explorations for UI review.
日本語の概要は準備中です。原文の説明を表示しています。
GStack design-review method for reviewing rendered UI, landing pages, decks, or visual artifacts for hierarchy, layout, accessibility, and polish.
日本語の概要は準備中です。原文の説明を表示しています。
Compatibility adapter into ui-implementation-workflow visual direction. Invoke explicitly for expressive marketing, brand, portfolio, or editorial work; do not use as the primary product UI workflow.
日本語の概要は準備中です。原文の説明を表示しています。
Ask the user which visual design style, font pairing, and animation set to use before designing or building any website, landing page, dashboard, web app, portfolio, or UI, and describe each option so they can choose. Use this skill whenever the user asks to build, design, redesign, mock up, or restyle a site or interface and has NOT already named a style, fonts, or animations. Also use when they say "pick a style", "what design should I use", "give me design options", "which fonts", "font pairing", "which animations", "add motion", "glassmorphism or something else", or want to browse aesthetics, typography, or transitions. Contains 301 UI design styles, 400 heading+body font pairings, and 500 animations/transitions (Framer Motion, GSAP, CSS, Three.js/R3F, shaders), each with a one-line description.
日本語の概要は準備中です。原文の説明を表示しています。
视觉演示工坊——用HTML做高保真原型、幻灯片、动画、可视化与专家评审，需求模糊时给设计方向。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。
日本語の概要は準備中です。原文の説明を表示しています。
발표급 다크 에디토리얼 HTML 덱을 손으로 짓는 디자인 시스템. 브리프/원고를 받아 Apple·Linear·Stripe 키노트급으로 보이는 프레젠테이션을 프론트엔드(HTML/CSS, 1920×1080 슬라이드)로 만들고 헤드리스 크로미움으로 PNG/PDF까지 렌더한 뒤 공유용 PDF는 기본 경량화한다. PPTX 생성기가 아니라 "슬라이드처럼 보이는 웹 페이지"를 짓는 방법론 + 재사용 CSS 토큰/컴포넌트. 기본은 다크 에디토리얼이고, 문서형·보고서형·출력형 브리프는 paper-light 프로파일로 전환한다. 트리거 — "발표자료/슬라이드/덱을 예쁘게", "IR·보고 덱을 발표급으로", "HTML로 프레젠테이션", "다크 에디토리얼 슬라이드", "키노트 톤 덱", "거대숫자 스탯 슬라이드", "deck-factory 디자인", 기존 밋밋한 덱을 "상용 발표자료처럼" 다시 짜달라는 요청. 핵심 규칙 — dark는 near-black #08090A 캔버스(순흑 금지), light는 paper #F7F4EC 캔버스, 채운 박스 금지(surface 래더 + hairline), 슬라이드당 accent 1곳, 거대숫자 value>label>context 3단 위계, 4모서리 헤더/푸터, eyebrow→마침표 액션타이틀→지배 오브젝트 1개→tail 골격, CJK word-break:keep-all, 크기·트래킹으로 위계(굵기 남발 금지). 상세 토큰표·컴포넌트별 CSS·13-슬롯 레이아웃 어휘· 라이트 프로파일 전환·WSL 렌더 팁은 reference.md 참조.
日本語の概要は準備中です。原文の説明を表示しています。
Design and generate polished, on-brand presentation decks as clean 1920×1080 HTML — with real charts, tables, and AI or stock imagery. Use whenever someone wants to create, design, or improve a presentation, slide deck, pitch deck, investor or sales deck, keynote, training or teaching deck, PowerPoint (PPTX), Google Slides, or a data-heavy report, and cares about design quality. The visual style is derived from the brief, never picked from a theme or template menu.
日本語の概要は準備中です。原文の説明を表示しています。
Use when creating, improving, converting, or redesigning design-system-driven PPT, PowerPoint, PPTX, slides, decks, webpage PPT, HTML-first presentations, pitch decks, reports, defense decks, course/training decks, talks, keynotes, or presentations through Design DNA. Especially useful for distinctive visual style, style transfer from reference images/screenshots, reusable Design DNA/Profile assets, no-image Design Discovery, scenario adaptation, animated fixed-stage HTML slides, existing deck renovation, or optional PDF/PPTX export. This is for DIY design-system-driven PPT creation, not template filling.
日本語の概要は準備中です。原文の説明を表示しています。
Design, generate, review, and revise editable PowerPoint presentations through a rigorous brief-to-PNG workflow using the public pptx-designer Python library.
日本語の概要は準備中です。原文の説明を表示しています。
PPT 视觉场景图 + 美化/创建流水线。从 PPTX 提取结构化布局数据（元素树、空间关系、布局模式），并提供一键美化、从大纲创建演示文稿能力。内置 DesignHub 设计系统，支持多种主题。完全独立，无需外部 python-pptx 依赖（已 vendor）。
日本語の概要は準備中です。原文の説明を表示しています。
Create polished, professional reveal.js presentations. Use when the user asks to create slides, a presentation, a deck, or a slideshow. Supports themes, multi-column layouts, code highlighting, animations, speaker notes, and custom styling. Generates HTML + CSS with no build step required.
日本語の概要は準備中です。原文の説明を表示しています。
黒地のMarpテーマ（minorun-dark）でスライドを組むときのデザインバランスと検査。余白の測り方、縦のバランス、配色の決め方、表・コード・補足ボックスの確定デザイン、Marp固有の罠、書き出し後の検査手順。「スライドのバランスを整えて」「色を変えて」「余白が変」「黒地のテーマで作って」と言われたら読む。
全流程AI制作PPT演示文稿技能，克制专业、风格可选 A/B/C 三档（Aham UI v6.1 · Office 轨 · PPT）。 当用户说"帮我做PPT""做演示文稿""做一个汇报""根据这份资料做PPT" "做客户方案PPT""制作幻灯片"时立即触发。即使只有一句话需求也触发。 八阶段模块化流程：规范加载→材料解析→论点提炼→叙事骨架→大纲版式→样稿确认→逐页设计→质检交付。 内置能力自适应教练机制，无论用户专业水平高低，均引导至及格以上输出。 注意：本技能用于 PowerPoint / pptx 输出；SVG/HTML 版本见 ppt-svg 技能。
日本語の概要は準備中です。原文の説明を表示しています。
NomiciAI mbb-page-makerのstarterとCSSを使い、主張・根拠・図解を日本語のHTMLスライドへ組む。原典runtimeとGolden Pathで検査・出力する。
deck-factoryの原典CSSと13スロットで日本語HTMLスライドを組み、ChromiumでPNG/PDFへ出力する。HTMLとSVGを編集する用途に使う。
PPT/演示文稿设计系统技能。从 Open Design (129 套设计系统) 和 guizang-ppt-skill (5 主题 × 10 布局) 蒸馏而来。 提供 5 套完整风格预设 + 10 种布局模板 + 字体三层体系 (衬线标题/非衬线正文/等宽元数据)。 支持 HTML 单页版和 PPTX 文件两种输出格式。 当用户要求制作 PPT、演示文稿、汇报材料、课件、设计方案时使用。
日本語の概要は準備中です。原文の説明を表示しています。
Create professional, consultant-grade PowerPoint presentations from scratch using MckEngine (python-pptx wrapper) with McKinsey-style design. Use when user asks to create slides, pitch decks, business presentations, strategy decks, quarterly reviews, board meeting slides, or any professional PPTX. AI calls eng.cover(), eng.donut(), eng.timeline() etc — 67 high-level methods across 12 categories (structure, data, framework, comparison, narrative, timeline, team, charts, images, advanced viz, dashboards, visual storytelling), consistent typography, zero file-corruption issues, BLOCK_ARC native shapes for circular charts (donut, pie, gauge), production-hardened guard rails for spacing, overflow, legend consistency, title style uniformity, dynamic sizing for variable-count layouts, horizontal item overflow protection, chart rendering, and AI-generated cover images via Tencent Hunyuan 2.0 with professional cutout, cool grey-blue tint, and McKinsey-style Bézier ribbon decoration.
日本語の概要は準備中です。原文の説明を表示しています。
Markdownをページ構成とデザインに分け、文字・図形をソースで編集できるSVGへ組み立てる。
目的と合格条件から構成・書体・配色を選び、役割図と記録表を持つ編集可能PPTXへ組む。