스킬 찾기

Build HTML slides for an OpenDesign live demo, showing how a short prompt becomes a runnable design. Organize the presentation, visual direction, speaker notes, and animations using the supplied deck template.

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

• Preparing an OpenDesign live demo for developers
• Explaining an AI workflow to prospective customers
• Building HTML slides with speaker notes

Prototype a documentation page in one HTML file, with navigation, an article, and a linked table of contents. Includes realistic explanatory text, command examples, code, and tables, plus layouts that adapt to narrower screens and right-to-left text.

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

• Prototyping an API reference page
• Designing a tutorial with commands and code
• Planning a guide with navigation and a table of contents

Rework a messy startup presentation into a coherent HTML slide deck for decision makers. Organize the narrative and evidence, then apply a consistent visual system of pastel-neon blocks, bold black borders, and coordinated layouts.

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

• Rework a startup deck for a board meeting
• Create agency credentials slides
• Present a brand redesign for review

Apply WordPress's official design system to themes and sites. Use design tokens, shared visual settings, along with typography and component patterns to guide how text and interface elements are styled.

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

• Applying official WordPress styling to a theme
• Aligning site typography with WordPress patterns
• Using WordPress component patterns in site design

Creates HTML presentation slides for contemporary art exhibitions and biennales, using yellow, warm paper tones, and indigo typography. Organizes the curatorial theme, exhibition rooms, artworks, and visitor journey for museum boards and curators.

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

• Presenting a biennale proposal to a museum board
• Explaining exhibition rooms and visitor routes
• Preparing an arts institution's programme announcement

Review HTML pages, presentations, or prototypes across five design dimensions. Receive evidence-backed scores, a radar chart, and practical lists of what to keep, fix, or improve quickly, all packaged in a single self-contained HTML report.

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

• Reviewing a landing page before delivery
• Checking the readability and navigation of an HTML presentation
• Comparing two versions of a design

Create HTML slides about choosing and connecting AI models in OpenDesign using your own API key. Use a terminal-style template to explain costs, quality, and model routing decisions, with speaker notes and presentation controls.

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

• Explaining model choices to engineers and IT teams
• Comparing model costs, quality, and routing decisions in slides
• Preparing a terminal-style presentation with speaker notes

Create 16:9 HTML presentations with warm off-white backgrounds, serif headings, thin dividers, and generous whitespace. Use the restrained editorial style for investor updates, design reviews, internal statements, or lectures.

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

• Preparing an investor update deck
• Presenting a design review
• Sharing internal principles

Create a mobile app prototype that presents habits or daily tasks as quests with experience points and levels. A single HTML page displays three phone screens: a cover, today's quest dashboard, and a quest detail with steps and rewards.

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

• Prototype a habit tracker with game elements
• Explore a daily quest dashboard with experience points
• Design quest details with steps and rewards

Write and lay out a long article as a single HTML page. Combine clear headings, image placeholders, highlighted quotations, author information, and related posts, using the active design system to create a magazine-style reading experience.

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

• Prototyping a long-form blog article page
• Presenting a case study with figures and quotations
• Designing an article page around an existing design system

Create a desktop admin or analytics dashboard prototype in one self-contained HTML file. Follow an existing design system to arrange navigation, key metric cards, charts, and a supporting table or chart.

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

• Prototyping a sales dashboard
• Exploring a traffic or usage analytics screen
• Designing an operations control panel

Create 16:9 HTML presentations for project debriefs, security reviews, and incident reports. A dark CRT terminal style combines monospaced text, red alerts, data grids, timelines, and audit logs to present dense operational information.

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

• Presenting project debriefs
• Reporting infrastructure incidents
• Organizing security review findings

Create an HTML preview of a digital guide with a cover and an inside page shown side by side. Arrange titles, contents, quotes, steps, and an exercise in a spacious editorial layout suited to lifestyle creators.

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

• Previewing a creator guide
• Exploring a lookbook layout
• Mocking up a downloadable marketing guide

Review web interface code against Vercel's Web Interface Guidelines, covering layout, typography, color, motion, and accessibility. Receive concise findings with file names and line numbers, using a bundled guideline snapshot for a consistent review baseline.

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

• Reviewing product interface code
• Checking accessibility against interface guidelines
• Checking layout, typography, color, and motion

Create a single-screen desktop dashboard for dating, matchmaking, or community products. It combines key metrics, a community ticker, match charts, and sidebar navigation in one HTML document, using editorial typography, generous spacing, and a restrained accent color.

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

• Prototyping a dating service dashboard
• Designing a community activity overview
• Displaying mutual matches and match-rate trends

Review interface designs with a senior designer's perspective. It scores each design dimension from zero to ten, explains what a top score requires, and flags generic AI-generated design patterns before UI changes are merged.

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

• Reviewing UI work before merging changes
• Comparing design scores across review dimensions
• Identifying generic AI-generated design patterns

Turn screenshots, reference links, and rough visual preferences into a reusable DESIGN.md, a record of design decisions, and practical handoff instructions for building prototypes, presentations, redesigns, or image remixes.

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

• Define an app's visual direction from reference images
• Document design decisions before a redesign
• Hand off consistent visual rules for presentation production

Create a product showcase with real HTML content displayed inside CSS-drawn iPhone and optional MacBook screens. Add glass-like highlights and floor reflections to present app interfaces or design work in a three-dimensional style.

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

• Presenting an app interface for a product launch
• Showing mobile and desktop designs together
• Turning text and data into an app-style showcase

Design and build landing pages, portfolios, and website redesigns around the audience and brand. Choose suitable typography, colors, layouts, and motion, then check consistency, responsive behavior, and readable buttons and forms before delivery.

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

• Build a landing page around a brand brief
• Create a portfolio for its intended audience
• Redesign a site while retaining its identity

Build polished web pages with explicit guidance for typography, spacing, colors, layered cards, and restrained animation. The skill provides layout options and mobile adaptation rules, producing React, Tailwind, or HTML code for a consistent visual direction.

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

• Creating a calm landing page with refined typography
• Designing an asymmetrical SaaS feature layout
• Building a portfolio with soft shadows and generous spacing

Turn a song, podcast, or personal introduction into a Spotify-style now-playing card. Generate a single HTML file with CSS-drawn cover art, a progress bar, and playback-style icons for video overlays or personal homepages.

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

• Adding a now-playing card to a video overlay
• Introducing a favorite song on a personal homepage
• Presenting a podcast title and creator

Create vertical marketing posters and social sharing visuals with a large headline, vivid gradient background, and short information cards. The 9:16 layout brings product announcements or key messages together in one composition, with space for branding or a QR code.

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

• Creating a vertical poster for a product launch
• Preparing a visual to share on social media
• Summarizing three to five key points on one poster

Guide an AI agent’s interface work with a shared set of design constraints. Use it to keep many small UI elements coherent across an interface, with the full workflow available through the separately installed upstream bundle.

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

• Keeping multiple UI components consistent
• Giving an agent shared rules for interface work
• Including UI constraints during project planning

Prepare media assets required by an existing OD Next plan. Reuse verified capabilities and suitable assets, acquire files, measure dimensions, and retrieve background job results while preserving required content, licensing constraints, and quality conditions.

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

• Preparing all media assets required by an existing plan
• Reusing suitable user assets across multiple pages
• Measuring asset dimensions for layout sizing