디자인 스킬

Create simple HTML wireframes, rough screen layouts for reviewing content, navigation, and task flows before visual styling. Compare distinct structural options in one file and check how each layout works on desktop and mobile screens.

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

• Compare alternative navigation and screen layouts
• Review a short task flow through clickable screens
• Check content order on desktop and mobile

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

Create reports, explainers, presentations, landing pages, or small tools as a single HTML file. The skill shapes layout and interaction around the subject and audience, with styles and scripts included for direct opening without a build step.

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

• Turn a report into a readable HTML page
• Create a presentation or landing page
• Build a small calculator or interactive tool

Edit existing RTX Remix projects for classic DirectX 8/9 games through an MCP connection to the Toolkit. Replace models and textures, manage scene layers, and save and verify changes to captured game assets.

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

• Replacing textures in a classic game's Remix project
• Swapping captured models for existing replacement assets
• Organizing edits in scene layers

Coordinate conversion of CAD and other source assets into simulation-ready USD, a 3D scene format. Organizes material and physics assignment, SimReady conformance checks, validation, and optional preview images and deliverable packages, with consolidated reports.

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

• Convert CAD assets for simulation
• Assign materials and physics properties
• Validate existing USD assets against SimReady requirements

Review team page photos for differences in size, brightness, color, and background. Produce a list of photos to fix and shared photo guidelines, with optional exports using a consistent crop and size.

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

• Reviewing inconsistent photos on a team page
• Exporting staff photos at a consistent size
• Adding a new hire's photo to an existing set

Apply coordinated colors and fonts to slides, documents, reports, and HTML landing pages. Choose from ten preset themes through a visual showcase, or create and review a custom theme based on a description.

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

• Unifying colors and fonts across presentation slides
• Choosing a document style from ten visual themes
• Applying a theme to an HTML landing page

Get practical guidance and prioritized reviews for web and app interfaces. The skill examines task flow, layout, feedback, and error handling, with recommendations for clean screens built around clear typography and generous spacing.

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

• Planning the interface for a new feature
• Prioritizing improvements to existing screens
• Reviewing layout, spacing, and typography

Design and build desktop interfaces that feel at home on macOS. Covers window layouts, keyboard shortcuts, drag and drop, visual feedback, and light and dark appearances, with implementation guidance for web interfaces and desktop frameworks.

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

• Designing a Mac-style desktop utility
• Organizing sidebars and title bars
• Planning keyboard shortcuts and drag and drop

Prepare and manage Miro whiteboards through an AI agent. Find or create boards, add sticky notes and frames, inspect board items and connections, and share access with teammates using Rube MCP.

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

• Prepare boards for workshops or meetings
• Add multiple sticky notes and frames
• Find items and inspect their connections

Inspect Figma design files, extract components and reusable style settings, export assets, and manage comments through Rube MCP. It also converts extracted colors, typography, and spacing into a Tailwind configuration for development.

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

• Inspect components in a Figma design file
• Export selected design elements as images
• Convert design settings into a Tailwind configuration

Create feature-specific iOS design specifications from Apple's Human Interface Guidelines, its official design guidance. Translate relevant rules into screen structure, component behavior, interaction states, accessibility requirements, and localization checks, with source references.

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

• Writing a design specification for an iOS feature
• Defining component behavior and screen states
• Checking accessibility and localization requirements

Create original posters and static artwork by first writing a design philosophy, then expressing it through color, shapes, space, and minimal text. Deliverables include a Markdown design statement and a finished PDF or PNG.

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

• Creating a poster with minimal text
• Turning a theme into abstract visual artwork
• Producing a series of pages with a shared aesthetic

Design and improve web or iOS interfaces around the product’s purpose and existing components. Cover loading, empty, error, and permission states, then inspect rendered screens and address visible layout or interaction problems.

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

• Adapt a generic first draft to the product
• Cover empty, error, and read-only screen states
• Check desktop and mobile layouts

Style documents and other artifacts with Anthropic's brand colors and typography. It assigns fonts to headings and body text, adjusts text colors for backgrounds, and applies orange, blue, and green accents to shapes.

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

• Applying brand colors to presentation materials
• Standardizing heading and body fonts
• Coordinating shape and accent colors

Automate Canva tasks through Rube MCP: find and create designs, upload assets, export files, and organize folders. Fill brand template placeholders with text or images to generate designs from supplied data.

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

• Find existing designs in a Canva library
• Upload assets and create a new design
• Export selected designs as PDFs or images

Turn text into Excalidraw flowcharts, mind maps, timelines, and other diagrams. Choose files for Obsidian, standard Excalidraw editing, or animation tools, with layout, colors, and drawing order organized around the content.

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

• Turn work procedures into flowcharts
• Organize ideas as a mind map
• Visualize project milestones on a timeline

Adjust the appearance of Obsidian tabs, sidebars, notes, and other interface areas using CSS snippets. Inspect active styles, save checkpoints, and verify changes with screenshots, including when previous CSS edits have had no visible effect.

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

• Adjusting tab and sidebar colors
• Improving icon and text readability
• Refining note shadows and rounded corners

Prepare image card prompts from meeting notes, reports, pull requests, research, and releases. The skill organizes readable text and visual direction around the source and subject, while keeping prompt preparation separate from image generation, review, and delivery.

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

• Prepare a vertical summary card from meeting notes
• Plan a pull request summary card for reviewers
• Prepare a release announcement image prompt

Prepare design and implementation briefs for web or terminal interfaces. Define visual rules, layouts across screen sizes, component states, accessibility requirements, and performance targets, with clear requirements for checking the rendered result.

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

• Planning a dashboard redesign
• Defining shared colors, typography, and spacing
• Organizing layouts and interaction states

Turn a broad product design request into a defined direction and handoff plan. Clarify the audience, task, visual choices, and unwanted patterns, then coordinate responsibilities for implementation, accessibility checks, and rendered visual verification.

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

• Define a direction for an open-ended product design request
• Compare two to four design directions before choosing
• Prepare a handoff covering implementation and verification

Prepare design directions and improvement briefs for Apple platform apps, Apple-inspired websites, or product visuals. Review supplied evidence, explain which guidelines apply, and hand concrete fixes to the appropriate implementation and verification workflows.

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

• Reviewing an iPad checkout against Apple HIG
• Planning an Apple-inspired website design
• Defining product visual directions

Review web pages, slides, PDFs, and posters against named references. Define checks for content, layout, readability, and accessibility, then use screenshots or rendered pages as evidence to assess whether the work is ready to publish.

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

• Reviewing a landing page before publication
• Defining design quality criteria for slides
• Checking PDF layouts and Japanese text wrapping

Assess a web page against published design award criteria, with separate scores for interface design, user experience, and innovation. Identify gaps against the threshold and explain accessibility or performance tradeoffs behind proposed improvements.

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

• Assessing a landing page against design award criteria
• Identifying weaknesses in interface design and user experience
• Reviewing accessibility and performance tradeoffs