디자인 스킬

Turn written descriptions into scientific diagrams, including neural network architectures, biological pathways, and research flowcharts. Nano Banana 2 generates images, while Gemini 3.1 Pro Preview reviews them and guides regeneration when needed.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Illustrating neural network architectures
• Creating participant flowcharts for research
• Drawing biological signaling pathways

Guide the visual design of social media cards and posters with nine styles, consistent colors, Chinese typography, and layout patterns. Check rendered images for excessive empty space and uneven content distribution before delivery.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Choosing a visual style for social media cards
• Standardizing colors and typography across a card series
• Improving cover and poster layouts

Create shareable comparison cards showing product specifications, differences, or pros and cons. Organize supplied data or research missing details, then produce fixed-size HTML and PNG cards using table, side-by-side, or pros-and-cons layouts with sources and dates.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Compare product specifications in one image
• Show two services side by side
• Summarize a product's pros and cons

Turn text or data into visual explanations, from process diagrams and comparison layouts to animated charts. Create browser-viewable graphics that export to SVG, or GIFs showing changing rankings, rising numbers, progress, and growing lines.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Explain a process with a visual diagram
• Compare options in a static infographic
• Animate rankings that change over time

Create vertical marketing posters for product launches, events, and social sharing. Arrange a large headline, key selling points, and a call to action in a 1080×1920 layout, delivered as an HTML file and a rendered PNG image.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating a poster for a product launch
• Announcing an event or sale
• Sharing a team's award announcement on social media

Turn prepared text into a set of vertical knowledge cards for Xiaohongshu. Choose a visual style, organize each card around one main point, and export coordinated cover, content, and closing images.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Turn educational text into swipeable cards
• Create a cover for a Xiaohongshu post
• Keep colors and layouts consistent across a card set

Create 16:9 landscape images for sharing a quote or key figures on social media. The skill arranges text, attribution, supporting metrics, and branding in HTML, then renders the card as a PNG image.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Turn a key statement into a shareable quote card
• Highlight a main figure with supporting metrics
• Create an image for a WeChat official account article

Plan product images and e-commerce detail pages, then turn the visual direction into image-generation prompts. Coordinate colors, layouts, and image sequences across a set, with optional image generation through a configured API.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Planning a complete set of product images
• Designing graphics for a product detail page
• Keeping colors and layouts consistent across images

Generate images from written descriptions, transform existing images with editing instructions, or create several variations. Choose image dimensions and quantity, then save the results using an OpenAI-compatible service or apimart with your own API key.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Generating an illustration from a written description
• Changing an image's background using instructions
• Creating several variations of an existing image

Create interfaces and visual assets that follow the fast-agent brand. Use its design guidelines, colors, fonts, assets, and reusable interface components to build static HTML mockups, disposable prototypes, or designs implemented in production code.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build an interface that follows the fast-agent brand
• Create a static HTML mockup to preview
• Design slides using the supplied brand assets

Build interactive calculators, comparisons, charts, and simulations with layouts that adapt to screen size. Includes input validation, keyboard access, and map-based itineraries, with geographic coverage limited by the configured map provider.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a calculator with input checks and reset
• Create charts with filtering and sorting
• Explore a simulation by changing inputs

Explain systems, processes, and abstract ideas with SVG diagrams, graphics that scale to different screen sizes. Create flowcharts, nested structures, or illustrations with readable labels, meaningful colors, and smaller diagrams for complex topics.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Illustrate a process with a flowchart
• Show system components and their relationships
• Explain how an algorithm works

Choose text, tables, charts, or interactive controls to suit the task. Use it to explain relationships, compare options with visible assumptions, or build working calculators with input checks and reset controls.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Explain relationships with adjustable examples
• Compare options using clear criteria
• Build a calculator with input validation

Refine interface details such as typography, shadows, rounded corners, icons, and animations within the project's existing styling system. Supports implementation and quick or full reviews with prioritized findings, concrete changes, and verification results.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Refine button and card appearance
• Adjust hover feedback and animations
• Improve text wrapping and changing number displays

Turn user data and interviews into research-backed personas, or representative user profiles. The toolkit also supports mapping user journeys, planning usability tests, and combining research findings to guide and validate design decisions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating personas from user data and interviews
• Mapping the steps of a customer journey
• Planning usability tests to validate a design

Give slides, documents, reports, and HTML landing pages consistent colors and fonts. Choose from ten preset themes using a visual showcase, or create a custom theme from a description and review it before application.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Making colors and fonts consistent across slides
• Choosing a theme for documents or reports
• Styling an HTML landing page

Create scientific diagrams from written descriptions using Nano Banana Pro. Gemini 3 Pro reviews accuracy, labels, and layout, triggering regeneration when scores fall below the chosen document threshold, up to the iteration limit.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating neural network architecture diagrams for papers
• Illustrating biological signaling pathways
• Preparing study participant flowcharts

Create research posters intended for PowerPoint using HTML and CSS templates. Arrange large visuals and concise text, preview the layout in a browser, and follow PDF export or PPTX creation steps with readability and overflow checks.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating research posters for PowerPoint
• Previewing and adjusting poster layouts in a browser
• Arranging large figures with concise research findings

Turn written instructions into infographics for statistics, comparisons, timelines, and more. Choose layouts and color palettes, optionally research supporting facts, and receive versioned images with automated quality reviews and refinement when scores fall below the chosen threshold.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Turning survey results into a statistical infographic
• Creating a side-by-side product comparison
• Visualizing company history or project milestones

Create and revise research posters in LaTeX, a document typesetting system. Arrange columns, text, existing figures, and QR codes, then check page dimensions, font embedding, image resolution, and readability before printing.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating a conference poster at the required size
• Turning a research paper into a poster
• Improving an existing poster's layout and readability

Create original generative art with p5.js, using code to produce patterns and motion. Receive a written artistic concept and an interactive HTML viewer with adjustable parameters, reproducible random variations, seed navigation, and PNG downloads.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create art from particle motion and flow fields
• Explore patterns by adjusting sliders
• Reproduce a favorite variation with the same seed

Turn the subject under discussion into an HTML explanation with large visuals and minimal text. Keep essential details, explain unfamiliar ideas in plain language, and use pictures or icons selectively when they help the reader understand.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Explain an unfamiliar topic visually
• Rework a text-heavy explanation with large visuals
• Present essential details with fewer words

Create a single HTML file to review a product’s appearance or test a working flow. The skill follows the product’s design context and supports responsive layouts, keyboard interaction, form validation, and relevant interface states.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Review a proposed screen layout
• Test navigation and form interactions
• Compare desktop and mobile presentations

Plan and refine the visual design of HTML pages, reports, presentations, and small tools. Choose colors, typefaces, layouts, and themes to suit the subject, while respecting existing project styles and making content and controls clear.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Choose colors and typefaces for an HTML report
• Restyle a landing page to fit its subject
• Design readable light and dark themes