디자인 스킬

Create a web prototype with a soft, Apple-inspired appearance. Silver or cream backgrounds, double-edged rounded cards, nested buttons, and a slight spring effect on hover define the visual style and interaction.

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

• Exploring a soft visual style for a web prototype
• Designing rounded cards and nested action buttons
• Trying a subtle spring effect on hover

Build a browser-based slide deck for product plans, analysis, or methods using a sixteen-column grid and one accent color. Twenty-two fixed layouts cover timelines, comparisons, diagrams, and charts based on supplied data.

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

• Presenting a product roadmap with timelines
• Explaining KPIs and rankings with proportional charts
• Showing before-and-after comparisons

Create slides for internal engineering talks or conference presentations using a dark color scheme and a monospaced font. Organize the deck around an agenda, code examples, key points, terminal screenshots, and a closing Q&A.

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

• Prepare slides for an internal engineering talk
• Structure a conference presentation
• Combine code examples and terminal demos

Build a single-page layout for an admin or analytics dashboard. It includes fixed navigation, a top bar for search and notifications, three to five key metric cards, one or two charts, and recent activity.

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

• Creating an admin dashboard layout
• Arranging three to five key metric cards
• Combining line, bar, or area charts on one page

Create a macOS-style notification banner from an announcement or message, complete with an app icon, title, and body text. The single-file HTML design supports frosted-glass styling, light or dark appearances, and placement over video.

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

• Creating a notification overlay for a video corner
• Designing a product announcement banner
• Presenting an announcement as a notification-style social image

Create slides for safety reviews, risk discussions, incident retrospectives, or security exercises. Warning stripes, three-level cards, status alerts, policy code blocks, checklists, and stacked bar charts provide a visual structure for the presentation.

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

• Preparing an incident retrospective presentation
• Presenting risks in three levels
• Sharing findings from simulated security attacks

Create terminal-style review slides for command-line tools, AI agents, and developer tools. Present execution traces, code differences, and performance comparisons using dark backgrounds, mint-green text, outlined bar charts, and amber, green, or red tags.

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

• Create review slides for command-line and developer tools
• Present AI agent execution traces and code differences
• Show performance comparisons in a terminal-style deck

Create a 16:9 product launch presentation with a dark cover and bright content slides. Introduce the problem, show the product, present three to six features and pricing tiers, then close with a clear call to action.

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

• Preparing slides for a new product announcement
• Explaining the problem behind a product
• Presenting product features and pricing tiers

Create a horizontally navigated HTML presentation with a magazine and e-paper look. Combine a flowing WebGL cover background, serif headlines, chapter dividers, large numbers, image grids, and quotation pages to present your content.

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

• Presenting a campaign with a magazine look
• Highlighting a key number with a short explanation
• Combining image grids and quotation pages

Create a minimal presentation built around large headlines, solid backgrounds, and arrow-prefixed lists. The template adapts the page count to the content and includes keyboard navigation hints and page numbers.

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

• Presenting an idea with few visuals
• Building a talk around bold headlines
• Organizing key points into arrow-prefixed lists

Create a simple HTML slide deck for pitches, overviews, or study materials. Each page pairs one main point with an image or chart, with horizontal navigation, keyboard controls, and a progress bar.

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

• Preparing slides for a project pitch
• Presenting a product or service overview
• Organizing study notes into slides

Format long articles for blogs and newsletters with a magazine-style layout inspired by Substack and Medium. A centered text column, contrasting headings, styled quotations, and labeled code blocks give readers clear visual cues throughout the page.

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

• Formatting a long blog article
• Preparing an essay or newsletter for publication
• Laying out articles with quotations and code examples

Create a single HTML file with a flowing background and a prominent headline for video openings, landing page hero sections, or posters. Choose from four palettes and CSS, Canvas, or WebGL rendering approaches.

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

• Create an opening frame for a video
• Design a landing page hero section
• Build a poster around a short message

Create developer tutorial slides with a GitHub-style dark background, purple and blue lighting effects, and three-color gradient headings. Coordinate code colors, centered layouts, and highlighted blocks within a 16:9 presentation.

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

• Preparing slides for a developer tutorial
• Creating dark slides with code examples
• Highlighting key points in technical explanations

Create slides on a fixed 1920×1080 canvas, choosing each layout to suit the content. Consistent typography, one palette, and a single focal point per slide shape the presentation, with keyboard navigation and page numbers included.

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

• Building a portfolio presentation
• Designing a talk with varied slide layouts
• Preparing slides for an art or design class

Create magazine-style pages for long blog posts, essays, and case studies. The layout combines readable single-column text with a prominent title, captioned figures, highlighted quotations, author details, and related article cards.

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

• Designing a long-form blog page
• Presenting an essay with magazine-style typography
• Laying out a case study with figures and quotations

Build a 16:9 slide deck for lifestyle, personal growth, or emotion-focused content. Cream backgrounds, soft glowing shapes, pastel cards, italic Playfair headings and numbers, and an SVG donut chart define the presentation’s visual style.

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

• Creating slides about daily life and lifestyle
• Presenting personal growth reflections
• Organizing emotion-focused content into pastel slides

Create a single-file presentation with horizontal page navigation in a Replit Slides style. Choose one of eight themes, keep its colors and fonts consistent, and build a cover, agenda, content pages, and closing around your material.

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

• Creating a presentation with one consistent visual theme
• Choosing a Replit Slides style for product materials
• Adjusting slide count to cover all supplied points

Turn an outline or Markdown document into presentation slides with oversized bold text and solid color backgrounds. Preserve the original wording and order, choose a black, red, or yellow theme, and receive a self-contained HTML file.

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

• Turn a speech outline into slides without rewriting it
• Present a manifesto with oversized text and solid colors
• Create an HTML presentation with a consistent color theme

Turn a supplied process or workflow into a whiteboard-style diagram with colored sticky notes and curved arrows. Produce a single HTML file suited to onboarding videos, operational explanations, or system walkthroughs, with optional hover effects and a decorative collaboration cursor.

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

• Illustrating a user onboarding process
• Explaining operational steps with branches and merges
• Presenting a system structure as a whiteboard diagram

Design three screens for a habit app inspired by role-playing games: a cover, daily quests with experience points, and quest details with subtasks and rewards. Present them in phone frames against a dark background.

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

• Exploring a quest-based habit app design
• Designing daily tasks with experience points and levels
• Presenting three app screens together

Design a dark slide deck for AI products, knowledge graphs, or developer tool launches. Combine a graph-based cover, glowing blurred shapes, gradient section titles, highlighted code or command-line examples, and frosted-glass-style cards.

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

• Prepare slides introducing an AI product
• Present a knowledge graph project
• Create a developer tool launch deck

Design a consumer-facing dashboard for dating or community activity. It brings together a live signal ticker, key performance indicators, a 30-day mutual-match bar chart, and match-rate trends in a restrained visual layout.

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

• Designing a dashboard for a matching service
• Presenting key community activity indicators
• Showing mutual matches over the past 30 days

Create presentation slides with scripts for each page and a separate teleprompter window. View current and next slides, script text, and a timer, with keyboard controls for switching among five visual themes.

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

• Preparing slides with a script for every page
• Checking upcoming slides while presenting
• Rehearsing a talk with a script and timer