디자인 스킬

Resolve a design question by building a temporary, runnable prototype. Explore logic through clickable scenarios or compare three structurally different interface variants, then record the user's decision while keeping the prototype separate from production code.

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

• Comparing three different interface structures
• Exploring state transitions through clickable scenarios
• Resolving design discussions that need a visible example

Turn character, environment, and prop concepts into detailed image generation prompts. Plan reference sheets with multiple views and create variations from an approved main image, keeping appearance, materials, and spatial layout consistent across related assets.

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

• Planning character reference sheets with distinct views
• Keeping connected environments visually consistent
• Creating outfit or time-of-day variations from a main image

Review products and strategy using a framework drawn from Steve Jobs’s public record. Examine user feedback, competing products, and design details to identify unnecessary features, clarify priorities, and assess the experience across the whole product.

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

• Choosing which product features to remove
• Reviewing interactions using user feedback and competing products
• Defining a product’s value in one sentence

Create or improve GPT-Image2 image prompts using a style library. Select suitable templates, then specify composition, materials, text, aspect ratio, and unwanted details in a prompt ready to copy.

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

• Drafting prompts for product images and posters
• Specifying layouts and labels for infographics
• Comparing visual styles for an image concept

Builds and maintains a DESIGN.md brief from existing screens, documentation, and components. It records product goals, visual rules, accessibility, and implementation constraints so future interface decisions have a shared reference.

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

• Documenting shared rules for interface design
• Preparing a design brief before implementation
• Reconciling existing screens, assets, and design constraints

Apply coordinated colors and fonts to slides, documents, reports, and HTML landing pages. Choose from ten preset themes or create a custom theme from a description, review it, and apply consistent styling across the artifact.

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

• Unifying colors and fonts across a slide deck
• Choosing a visual style for documents and reports
• Applying a theme to an HTML landing page

Create and refine draw.io diagrams by editing XML files, adjusting labels, arrows, and spacing, and using AWS icons. Export transparent PNG images for slides, with guidance for readable Japanese text and consistent layouts.

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

• Create an AWS architecture diagram
• Fix Japanese labels and overlapping arrows
• Export transparent PNG diagrams for slides

Create a consistent UI design system from brand colors. Generate design tokens, reusable values for colors, typography, and spacing, and support component documentation, responsive layout calculations, accessibility considerations, and clear handoff materials for developers.

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

• Generate shared design values from brand colors
• Standardize typography and spacing across screens
• Plan layouts for different screen widths

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

Review interface code against the latest Web Interface Guidelines to check accessibility, design, and usability. Provide files or a file pattern, and receive concise findings with file names and line numbers for locating issues.

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

• Reviewing interface code for accessibility
• Auditing the design and usability of a site
• Checking selected files against the latest guidelines

Plan a portfolio website that helps potential employers or clients understand your work and contact you. Covers site structure, project presentations, case studies explaining decisions and results, personal branding, and mobile usability.

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

• Planning a developer or designer portfolio
• Turning projects into detailed case studies
• Improving paths from project pages to contact

Create original generative art with p5.js, including particle systems and flowing patterns. Get a written artistic concept and an interactive HTML viewer with adjustable parameters, reproducible variations, and PNG downloads.

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

• Creating original art through code
• Exploring particle motion and flowing patterns
• Comparing variations with adjustable controls

Plan mobile app screens and interactions around touch, performance, offline use, and platform conventions. The skill guides design decisions and implementation checks for React Native, Flutter, and native iOS or Android apps.

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

• Planning screens for one-handed use
• Reviewing slow lists and animations
• Designing loading, error, and offline states

Create patent line drawings from text or reference images through the PatentFig AI API. Convert existing drawings into scalable vector files for CAD, increase image resolution, and export figures in formats used for patent filing.

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

• Creating patent figures from invention descriptions
• Generating drawings based on sketches or photos
• Converting existing drawings into SVG or DXF

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

Design and review web and mobile interfaces using searchable guidance on colors, fonts, layouts, charts, and interaction. Generate a consistent design plan, then apply framework-specific advice and checks for accessibility, responsiveness, and visual consistency.

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

• Choose colors and fonts for a new app
• Design a dashboard and select suitable charts
• Review forms for accessibility and ease of use

Design visually distinctive websites, landing pages, and portfolios as React components, reusable pieces of a web page. Use industry references to guide typography, color, layout, motion, and relevant 3D visuals that fit the brand.

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

• Build a brand website with a distinctive visual identity
• Design a landing page around a product
• Create a portfolio with an original layout

Create Marp presentation slides, written in Markdown, using seven themes for business, technical, academic, and creative content. The skill organizes headings, bullet points, whitespace, and images into a consistent presentation saved as a Markdown file.

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

• Create slides for lectures and seminars
• Prepare proposals and business reports
• Build slides for technical presentations

Plan and build interfaces with visual choices grounded in the product and its audience. Guides color, typography, layout, motion, and interface wording, with review steps to keep the result specific to the brief.

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

• Establish a visual direction for a new website
• Redesign an interface that feels generic
• Plan colors, typefaces, and layout before coding

Turn a written diagram request into a JSON specification and render a blueprint-style SVG. Create system architectures, request flows, state machines, or neural network diagrams as files for documentation, READMEs, posts, and slides.

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

• Adding a system architecture diagram to a README
• Illustrating request flows or data pipelines
• Creating a state machine diagram

Create, update, explain, and compare Excalidraw diagrams through separate subagents. Keeps lengthy diagram data out of the main conversation, returning concise summaries of components, connections, structural differences, and completed changes.

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

• Explaining components and connections in an existing diagram
• Adding a component and its connections
• Creating an architecture diagram or flowchart

Style materials with Anthropic's brand colors and typography. Apply distinct heading and body fonts, choose text colors for the background, and use coordinated accent colors for shapes, with fallback fonts when Poppins or Lora are unavailable.

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

• Styling slides with Anthropic's brand colors
• Applying consistent heading and body fonts
• Coordinating shape and accent colors

Create PowerPoint presentations centered on GLB 3D models, with rotation, zoom, and Morph transitions that smoothly connect slides. The skill also guides model selection, color palettes, typography, and layouts that support the presentation’s subject.

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

• Presenting a product from several angles
• Explaining structures with a 3D model
• Finding a model that matches a presentation topic

Build a PowerPoint presentation with Morph transitions, which smoothly transform shared shapes between slides. Plan how objects move, resize, rotate, appear, and exit across a slide sequence, then deliver a single .pptx file.

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

• Shrinking and moving a cover title onto the next slide
• Creating a continuous background across a slide sequence
• Explaining changing values with animated rectangle bars