디자인 스킬

Create and edit rooms or buildings in Pascal through MCP, a connection that lets agents use its tools. Inspect existing projects, validate changes, and hand over saved, editable 3D scenes with verified editor links.

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

• Creating a 3D model of a room or building
• Editing walls, windows, stairs, and surface finishes
• Inspecting an existing Pascal project

Read design review notes attached to a pull request’s screenshots, locate the affected components, and fix the product code using the team’s design rules. Repeat the review and inspect screenshots to verify the result.

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

• Resolving design notes on a pull request
• Reproducing reported layout problems locally
• Fixing shared components behind repeated UI issues

Create and update 2D DXF drawings from written requirements or CAD geometry using Python and build123d. Prepare cutting profiles and marking layers, check for open contours and duplicate geometry, and review drawings in CAD Viewer.

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

• Create dimensioned gasket or panel drawings
• Generate flat profiles from STEP geometry
• Separate cutting and engraving geometry into layers

Review part designs for sheet metal, CNC machining, or injection molding. Compare geometry measurements with applicable supplier or tooling limits, then document manufacturing concerns, suggested changes, and checks that still need evidence.

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

• Review sheet metal bends and flat patterns
• Check CNC tool access and internal corners
• Review molding draft and undercuts

Find CAD models of off-the-shelf parts on step.parts using model names, standards, aliases, and dimensions. Compare matching records, download STEP files when needed, and check file integrity against a supplied checksum.

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

• Find a servo or motor by model number and aliases
• Compare screws and bearings by standard and dimensions
• Download a selected STEP file and check its integrity

Prepare files for printing on Bambu Lab printers by opening sliced files in Bambu Connect or unsliced models in Bambu Studio. The user selects the printer, checks the setup, and starts printing in the app.

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

• Open a sliced file in Bambu Connect
• Open an unsliced model in Bambu Studio
• Prepare printing through Bambu Cloud or LAN

Turn 3D models into printer instructions called G-code with OrcaSlicer. The skill selects existing printer and material presets, slices the model, and checks dimensions and output settings before handing over the files.

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

• Prepare an STL model for a specific printer
• Slice models using existing material presets
• Check model size and print settings

Create a manufacturing drawing PDF from a part’s 3D geometry, with projected views, measured dimensions, hole callouts, and a title block. Rerun the drawing script after model changes to update the sheet.

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

• Prepare a dimensioned drawing for manufacturing
• Document hole sizes and machining requirements
• Update drawings after changing a part model

Review DXF and STEP/STP files before ordering from SendCutSend.com. Compare measured geometry with current official material and service specifications, then report upload issues, manufacturing constraints, missing information, and specific edits needed.

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

• Check a DXF before ordering laser cutting
• Review flange dimensions and bend radii
• Check material and secondary service compatibility

Create and edit 3D parts and assemblies with adjustable dimensions using cadgen. Export STEP, STL, 3MF, or GLB files, inspect geometry, and open existing models in CAD Viewer for visual review.

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

• Create a part from specified dimensions or a drawing
• Revise part dimensions and assembly placements
• Export models as STEP, STL, 3MF, or GLB

Update visible interfaces in Lite and but.dev using @gitbutler/ui-react. It guides component reuse, relevant design references, concise screen text, and visual checks in light and dark themes for forms, dialogs, notifications, and other surfaces.

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

• Add forms or confirmation dialogs
• Improve empty states and notifications
• Rewrite labels and hints

Create and edit Kortix presentations as web pages, with diagrams revealed step by step and presenter scripts. The skill also covers product films rendered to MP4, plus keyboard controls, recording procedures, and quality checks.

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

• Create a web presentation for a product walkthrough
• Explain a mechanism with step-by-step diagrams
• Prepare presenter scripts and recording

Create images for Kortix blog headers, social posts, thumbnails, and other placements using its brand guidance. The workflow covers dimensions, image generation, logo and text compositing, and PNG export, with optimized WebP files for web use.

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

• Creating a blog header or social link preview image
• Producing social cards and thumbnails
• Framing a screenshot of the real Kortix interface

Keep Kortix screens, copy, presentations, emails, and other materials consistent by selecting the relevant brand references for each task. Use shared visual values, approved wording, and review checks to guide production and assess drafts.

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

• Design Kortix product screens
• Write brand-consistent marketing copy and social posts
• Align presentation and email styling

Build and update Kortix web screens with established interface components and reference layouts. Guides component selection for forms, lists, modals, loading states, and notifications, including replacements for deprecated components and consistent responsive page structure.

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

• Build a settings screen with existing components
• Replace deprecated interface components
• Standardize loading, empty, and error states

Refine interface details such as rounded corners, shadows, typography, icon alignment, and animations. Use concrete implementation rules to improve visual consistency and interaction feedback, with changes documented in before-and-after tables.

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

• Refining the appearance of existing UI components
• Improving button and icon interaction feedback
• Reviewing entrance and exit animations

Guide the colors, fonts, spacing, and charts used in websites, slides, PDFs, and reports. Includes format-specific typography rules, readability checks, and named color and font themes for documents and other non-web outputs.

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

• Unifying colors and fonts across slides
• Improving readability in PDFs and reports
• Choosing chart types and meaningful colors

Design and improve web, mobile, and desktop interfaces using searchable local guidance. Find suitable colors, font pairings, layouts, and interaction patterns, then apply accessibility checks and implementation advice for the technology used in the project.

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

• Plan a consistent visual direction for a new page
• Choose colors and font pairings for a product
• Review forms and navigation for accessibility

Design web interfaces, build prototypes, and integrate changes into existing apps while respecting their visual rules and components. Choose direct code generation or Claude Code design commands, with an experimental browser canvas option for visual review.

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

• Improve a landing page within an existing app
• Design a dashboard using existing visual rules
• Sync a codebase with Claude Design

Create editable tldraw canvases with boxes, arrows, sticky notes, frames, and text. Read an existing canvas to group related ideas and rearrange shapes, then open the resulting file in a compatible editor for further adjustments.

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

• Sketch a process diagram
• Group related sticky notes
• Read text and positions from a canvas

Create blog illustrations, technical diagrams, comparisons, comics, and icons through workflows tailored to each format. The skill guides composition, color, and model selection, then stages generated images for review before they are used in a project.

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

• Creating blog header illustrations
• Explaining a system with a technical diagram
• Visualizing comparisons and timelines

Turn a technical specification directory into an interactive web presentation. Organize the design and its rationale into slides with navigable diagrams and deeper explanations, then build a static page suitable for public sharing.

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

• Turn technical specifications into a web presentation
• Explain architecture with interactive diagrams
• Share the rationale for planned development

Build a Three.js 3D model from an object or character reference image using code. The workflow develops shapes and materials in stages, compares rendered views with the reference, and guides corrections through quality checks.

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

• Rebuilding a photographed object as a browser-based 3D prop
• Creating a stylized character from a reference image
• Planning model parts, materials, and animation pivots

Design and review desktop interfaces built with GPUI Kit. Applies rules for layouts, colors, components, interaction states, and interface wording, with checks for keyboard access, focus behavior, and accessibility before finishing the work.

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

• Designing a new GPUI Kit screen
• Reviewing colors, spacing, and components
• Checking dialog and keyboard behavior