디자인 스킬

Turn technical ideas into detailed, interactive SVG illustrations that resemble real machines or instruments. Moving parts and live readings share the same model, creating diagrams for articles, documentation, or landing pages that readers can explore.

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

• Illustrate a technical concept in an article
• Explain an algorithm through a moving machine
• Create an interactive landing page figure

Design reusable Figma components, flexible layouts, and shared design systems. Get guidance on managing colors and spacing, supporting themes and screen sizes, and preparing clear specifications and assets for developers.

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

• Organizing reusable components and their variants
• Building layouts that adapt to different screen widths
• Managing shared colors, spacing, and light or dark themes

Plan presentations around the audience’s questions and a clear recommendation. Get guidance on slide structure, readable visuals, charts, speaker notes, and timed rehearsal for executive presentations, technical talks, and investor pitches.

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

• Structuring presentations for executives or investors
• Simplifying slides with too much information
• Preparing speaker notes and slide transitions

Turn requirements into Mermaid diagrams, including process flows, system structures, and timelines. Save editable diagram code, a Markdown version, and a PNG preview, then check syntax, arrow directions, labels, and readability.

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

• Mapping a business process
• Illustrating API message sequences
• Diagramming database relationships

Create model architecture diagrams and method illustrations for academic papers using Gemini. Codex plans the figure and reviews generated images for correct connections, content, layout, and readability, guiding repeated revisions toward a clearer final figure.

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

• Illustrate a model architecture for a paper
• Show a method's processing steps and data flow
• Create a conceptual comparison diagram

Create pixel art illustrations as SVG files, a scalable image format, for READMEs, documentation, and slides. Build character portraits, conversations, or group scenes, then refine colors, speech bubbles, arrows, and spacing to fit the requested layout.

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

• Create a pixel art hero image for a README
• Illustrate a conversation with characters and speech bubbles
• Make a character illustration in project colors

Polish existing academic PPTX or Beamer slides through page-by-page Codex review against a reference PDF. Adjust typography, spacing, colors, and text overflow while preserving content, keeping the original deck, and recording each change.

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

• Improve slide readability before an academic presentation
• Match PPTX visual balance to a Beamer reference
• Fix text overflow and layout drift across slides

Turn a research paper into a conference poster using its figures and findings. Produce one HTML/CSS file and a print-ready PDF, with measured layout checks and Gemini reviews of content accuracy and final appearance.

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

• Create a conference poster from a research paper
• Redesign an existing research poster
• Check poster claims against the source paper

Create academic architecture diagrams and method illustrations with Gemini image generation. The workflow refines layout and visual style, then uses Claude to inspect arrows, labels, and readability and guide further revisions.

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

• Illustrating a model architecture for a paper
• Turning a method description into a workflow diagram
• Reviewing diagram arrows and labels

Turn a research paper into a conference poster using HTML/CSS and figures from the paper. Check claims against evidence, measure the print layout, and produce a PDF matched to the venue’s required dimensions.

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

• Creating a conference poster from a paper
• Redesigning an existing research poster
• Checking poster claims against the original paper

Turn descriptions of processes, systems, or schedules into Mermaid diagrams, which use text to define visuals. Save editable source, a Markdown preview, and a rendered PNG, then check syntax, arrow directions, labels, and readability.

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

• Visualize a business process as a flowchart
• Document API interactions with a sequence diagram
• Show database tables and their relationships

Redirects the retired poster command to `/paper-poster-html`, preserving all supplied arguments. It helps users accustomed to the old command reach the replacement workflow; it no longer runs the former LaTeX poster process.

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

• Using the familiar poster command
• Passing a paper folder or PDF to the replacement workflow
• Checking whether the old poster workflow is retired

Turn structured JSON into editable SVG diagrams for system architectures, workflows, and pipelines. Specify positions, connections, and groups precisely, reproduce the same output under fixed rendering conditions, and convert figures to PDF for papers.

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

• Creating architecture diagrams for technical papers
• Illustrating workflows and processing pipelines
• Adjusting diagram layouts through JSON specifications

View and edit whiteboards embedded in 飞书 cloud documents. Export previews, SVG vector images, diagram source code, or structural data, and update boards using Mermaid, PlantUML, SVG, or the native OpenAPI format.

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

• Exporting whiteboards as images
• Retrieving diagram source code
• Updating boards from Mermaid or PlantUML code

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 original posters and static artwork by first defining a visual direction for color, shape, space, and typography. Receive a Markdown design philosophy alongside a PNG or PDF artwork that communicates primarily through visuals.

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

• Create an original poster
• Express a theme through abstract artwork
• Develop a visual direction and finished artwork

Style materials to match the OpenAI and Codex look using specified colors and fonts. Apply distinct formatting to headings, body text, code, and shapes, with fallback fonts when the preferred ones are unavailable.

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

• Match material colors to the OpenAI and Codex look
• Apply consistent fonts to headings and body text
• Style code snippets with a monospace font

Design new interfaces or reshape existing screens with colors, typography, layouts, and motion grounded in the subject. The skill guides planning, critique, and implementation to create a distinctive visual identity with clear interface text.

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

• Designing a new website with a distinctive visual identity
• Reshaping an existing interface around its subject
• Planning colors, typography, and layout before coding

Create prompts for a character reference sheet combining a facial close-up with front, side, and back full-body views. Specify consistent facial features, hair, and clothing to provide a reusable visual reference for later images and videos.

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

• Preparing a character reference sheet
• Keeping appearance consistent across images and videos
• Turning personality traits into visible expressions

Create image prompts that show a single prop against a plain white background. Translates physical details into product photography instructions covering accurate proportions, complete framing, suitable viewing angles, and soft studio lighting.

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

• Turn a prop description into a white-background image prompt
• Specify materials, colors, and wear marks
• Choose overhead views for paper props

Write prompts for wide-angle background reference images without people. Define foreground, middle ground, background, entrances, surfaces, furnishings, and lighting so the space has a clear, consistent layout that can serve as a reference across multiple shots.

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

• Preparing a background reference image without people
• Keeping room layouts consistent across shots
• Specifying lighting and surface materials for a setting

Build and review interface components with guidance on animation timing, press feedback, drag behavior, and accessibility. Decide when motion helps, choose concrete settings, and explain proposed code changes in a before-and-after comparison.

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

• Refine button and menu interactions
• Choose animation timing and easing
• Improve drag behavior and interruptions

Turn a plain description of a web animation into the matching term from a curated glossary. Get a short definition and distinctions between similar effects so you can describe the motion to an AI or designer.

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

• Find the name of an animation you have seen
• Describe a desired motion effect in an AI prompt
• Distinguish between similar animation terms

Design and review web interfaces using Apple’s principles for fluid interaction. Shape drags, swipes, and spring motion that can change direction mid-animation, alongside translucent layers, readable typography, and accessible alternatives to movement.

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

• Design drawers that follow the user's finger
• Carry swipe momentum into animations
• Refine translucent layers and typography