Skip to content
cccskills

Design skills

UI/UX, logos, slides, and image generation (7.3K skills)

Filter by price or sort order

pascal-3d

FreeSummary

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
pascalorg/editor25KUpdated Oct 20, 2026

fix-design-notes

FreeSummary

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
different-ai/openwork24.2KUpdated Oct 20, 2026

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
earthtojake/text-to-cad22KUpdated Oct 20, 2026

step-parts

FreeSummary

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
earthtojake/text-to-cad22KUpdated Oct 20, 2026

dxf

FreeSummary

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
earthtojake/text-to-cad22KUpdated Oct 20, 2026

sendcutsend

FreeSummary

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
earthtojake/text-to-cad22KUpdated Oct 20, 2026

bambu-labs

FreeSummary

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
earthtojake/text-to-cad22KUpdated Oct 20, 2026

dfm

FreeSummary

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
earthtojake/text-to-cad22KUpdated Oct 20, 2026

cad

FreeSummary

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
earthtojake/text-to-cad22KUpdated Oct 20, 2026

gcode

FreeSummary

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
earthtojake/text-to-cad22KUpdated Oct 20, 2026

gitbutler-ui

FreeSummary

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
gitbutlerapp/gitbutler21.8KUpdated Oct 20, 2026

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
kortix-ai/suna20.3KUpdated Oct 20, 2026

kortix-image

FreeSummary

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
kortix-ai/suna20.3KUpdated Oct 20, 2026

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
kortix-ai/suna20.3KUpdated Oct 20, 2026

kortix-brand

FreeSummary

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
kortix-ai/suna20.3KUpdated Oct 20, 2026

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
kortix-ai/suna20.3KUpdated Oct 20, 2026

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
kortix-ai/suna20.3KUpdated Oct 20, 2026

ui-ux-pro-max

FreeSummary

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
awesome-dsh-plugin/awesome-dsh-plugin19.7KUpdated Oct 20, 2026

Webdesign

FreeSummary

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
danielmiessler/LifeOS19.5KUpdated Sep 4, 2026

Tldraw

FreeSummary

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
danielmiessler/LifeOS19.5KUpdated Sep 4, 2026

Art

FreeSummary

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
danielmiessler/LifeOS19.5KUpdated Sep 4, 2026

presentation

FreeSummary

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
iii-hq/iii18.8KUpdated Oct 20, 2026

img2threejs

FreeSummary

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
img2threejs/img2threejs18.5KUpdated Oct 18, 2026

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
longbridge/gpui-kit18.4KUpdated Oct 20, 2026