Skip to content
cccskills

Results for “png”

518 skills · sorted by relevance

drawio

FreeSummary

Create diagrams as editable .drawio files and export them to PNG, SVG, or PDF with embedded diagram data for later editing. A bundled PNG export script uses the desktop app or a browser to render diagrams.

  • Creating diagrams of services and external systems
  • Preparing PNG diagrams for Word documents
  • Sharing diagrams that can be edited again in draw.io
github/awesome-copilot40.2KUpdated Oct 20, 2026

hand-drawn-diagrams

FreeSummaryAI rating 70

Turn a written prompt into a hand-drawn Excalidraw diagram, with animated SVG output, an online editing link, and PNG export. Use it through Claude Code, Codex, Gemini CLI, or agents supporting standard skill paths.

  • Creating a hand-drawn diagram from a prompt
  • Getting an online link for editing a diagram
  • Exporting a diagram as a PNG image
nexu-io/open-design102.7KUpdated Oct 20, 2026

canvas-design

FreeSummaryAI rating 80

Create posters, illustrations, and other static visual artwork as PNG images or PDF documents. The skill uses design philosophy and aesthetic principles to guide the visual approach for each piece.

  • Create a poster
  • Produce an illustration
  • Create static artwork in PNG or PDF format
nexu-io/open-design102.7KUpdated Oct 20, 2026

Generate and edit transparent PNG ornaments, game sprites, emblems, and interface graphics with built-in Codex image generation. Includes transparency checks, saved prompts, and optional integration into an existing project with verified asset copies.

  • Create transparent PNG decorations for game interfaces
  • Generate standalone sprites and emblems
  • Check PNG transparency and gaps within artwork
MengTo/Skills6.9KUpdated Oct 18, 2026

ios-icon-gen

FreeSummaryAI rating 80

Create icon assets for iOS and macOS projects using SF Symbols or Iconify API. Match existing colors and sizes, then generate PNG files at three resolutions with the metadata needed for Xcode asset catalogs.

  • Creating icon assets for an Xcode project
  • Finding icons that match an existing style
  • Replacing placeholder icons
affaan-m/ECC284.5KUpdated Oct 20, 2026

html-ppt

FreeSummaryAI rating 80

Turn notes and analysis into HTML slide decks for client recommendations, technical talks, or reports. Choose from themes and layouts, add speaker scripts and animations, and export slides as PNG images using the supplied rendering script.

  • Turn analysis into a client recommendation deck
  • Prepare a technical talk with speaker scripts
  • Create slides for a product launch
nexu-io/open-design102.7KUpdated Oct 20, 2026

diffs

FreeSummaryAI rating 80

Turn before-and-after text or a patch into a view of changes. Create an interactive viewer URL, a PNG image, or a PDF so others can inspect edits and receive the comparison as an attachment.

  • Sharing text changes through an interactive viewer
  • Attaching a comparison as a PNG or PDF
  • Preparing high-quality files for reviewing edits
openclaw/openclaw393KUpdated Oct 20, 2026

draw-io

FreeSummary

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
davila7/claude-code-templates32.8KUpdated Oct 20, 2026

Prepare Vesperfall game assets as paired transparent PNG cards and live 3D previews. Track each model’s actual source, expose available animations, and validate catalog displays, ground contact, and review pages through tests and browser checks.

  • Adding characters or equipment to the Vesperfall catalog
  • Pairing transparent PNG cards with live 3D previews
  • Reviewing animations and ground contact on an isolated page
MengTo/Skills6.9KUpdated Oct 18, 2026

canvas-design

FreeSummaryAI rating 90

Create original posters and static artwork by first defining a visual direction, then expressing it through color, shapes, spacing, and restrained text. Deliverables include PNG or PDF artwork and a Markdown document explaining the design philosophy.

  • Creating an original poster around a theme
  • Making abstract artwork with minimal text
  • Documenting a visual direction alongside finished artwork
anthropics/skills182.4KUpdated Oct 10, 2026

md-to-docx

FreeSummary

Convert Markdown files into formatted Word documents with a title page, a table of contents, styled tables and code blocks, and embedded PNG images. The converter runs in Node.js without Pandoc or LibreOffice.

  • Turning Markdown reports into Word documents for sharing
  • Creating Word documents with embedded PNG diagrams
  • Adding a title page from document metadata
github/awesome-copilot40.2KUpdated Oct 20, 2026

Create charts for numeric data and diagrams for processes or relationships. Explains how to choose ECharts or Mermaid, apply clear formatting, and use chart_render to display the result in chat and save a downloadable PNG.

  • Comparing revenue across regions or products
  • Showing trends across multiple metrics
  • Turning workflows or system relationships into diagrams
aden-hive/hive11.1KUpdated Oct 20, 2026

diagram

FreeSummaryAI rating 70

Turn an English description or mermaid source into a diagram with source files, an Excalidraw editing file, and SVG and PNG images. Rendering works offline, and flowcharts and sequence diagrams support editing individual shapes and arrows.

  • Turning a workflow description into a flowchart
  • Visualizing a system architecture
  • Preparing diagram images for documents and READMEs
garrytan/gstack137KUpdated Oct 20, 2026

Turn written descriptions or Mermaid code into diagrams showing processes, interactions, and data relationships. Choose a color theme and save both SVG files, which stay sharp when enlarged, and high-resolution PNG images.

  • Illustrating workflows and decision trees
  • Diagramming API interactions
  • Visualizing database relationships
calesthio/OpenMontage70.2KUpdated Oct 17, 2026

Creates SVG technical diagrams for system architecture, UML, cloud systems, agents, and workflows. It checks labels and connections, exports PNG or offline HTML, and can animate supported diagrams as GIFs for explaining how components interact.

  • Illustrating system architecture and cloud components
  • Mapping agent interactions and workflows
  • Sharing diagrams as PNG or offline HTML
yizhiyanhua-ai/fireworks-tech-graph11.8KUpdated Sep 5, 2026

meme-maker

FreeSummary

Find meme templates that fit a joke or topic, then add captions to create an image draft. Save the result locally as SVG or PNG, or use Imgflip to generate a hosted image URL.

  • Choose a meme format for a joke
  • Search templates by name or topic
  • Create a captioned SVG or PNG draft
openclaw/openclaw393KUpdated Oct 20, 2026

songsee

FreeSummaryAI rating 100

Turn audio into spectrograms, images showing frequencies over time, and panels of features such as loudness and rhythm. Combine views in a grid and choose a time segment, color palette, and output image size.

  • Viewing audio frequencies over time
  • Comparing loudness and rhythm in a panel grid
  • Visualizing a selected audio segment
openclaw/openclaw393KUpdated Oct 20, 2026

meme-generation

FreeSummaryAI rating 80

Create meme PNGs from a topic by choosing a familiar template and writing short captions. The skill uses Pillow to place readable text on templates or custom images, with optional text bars above and below.

  • Turn everyday frustrations into meme images
  • Show a preference using a comparison template
  • Add short captions to an existing image
NousResearch/hermes-agent255.4KUpdated Oct 20, 2026

algorithmic-art

FreeSummaryAI rating 90

Create original generative art with p5.js, using particles, mathematical rules, and controlled randomness. Explore variations through interactive controls, reproduce results with a seed value, and save the artwork as a PNG.

  • Creating original art with code
  • Exploring particle motion and flow fields
  • Comparing variations by changing seeds and parameters
anthropics/skills182.4KUpdated Oct 10, 2026

image-poster

FreeSummaryAI rating 80

Generate posters, key art, and editorial illustrations from a brief. The skill organizes composition, lighting, colors, and textures into an image prompt, then saves the result as a PNG or JPEG in the project folder.

  • Creating a film festival poster
  • Generating key art for a creative project
  • Producing an editorial illustration
nexu-io/open-design102.7KUpdated Oct 20, 2026

tuistory

FreeSummary

Operate and test terminal apps without a display using named background sessions. Wait for visible screen changes, send keystrokes, reproduce Cline CLI bugs, capture text or PNG evidence, and write automated tests of interactive behavior.

  • Reproducing Cline CLI interface bugs without a display
  • Running an interactive process in the background
  • Writing automated tests for terminal interactions
cline/cline71KUpdated Oct 20, 2026

image

FreeSummary

Turn JSON layout definitions into SVG or PNG images with Satori. Use this skill to create social sharing previews and cards, assemble standard layout and text components, or define custom components for image specifications.

  • Creating social sharing preview images from JSON
  • Building social cards with standard components
  • Rendering AI-generated JSON image definitions
vercel-labs/json-render18.7KUpdated Oct 14, 2026

video-frames

FreeSummary

Extract one still image from a local video using FFmpeg. Choose the first frame, a timestamp, or a frame number, then save a JPG for sharing or a PNG for clear interface details.

  • Extract the first frame to inspect a video
  • Save a still image from a specified timestamp
  • Extract a frame by its exact frame number
iflytek/skillhub5.3KUpdated Oct 20, 2026

Convert SVG files to high-quality PNG images with precise control over dimensions, background color, and CSS rendering (including mix-blend-mode, filters, gradients). Use this skill when the user wants to: (1) convert SVG to PNG, (2) generate app icons or splash screens from SVG source, (3) batch-generate multiple PNG sizes from a single SVG, (4) render SVG with advanced CSS features like mix-blend-mode or filters to PNG. Triggers: "SVG to PNG", "SVG変換", "PNG変換", "アイコン生成", "スプラッシュ生成", "app icon from SVG", "favicon generation", "splash screen generation".

The English summary is being prepared. Showing the original description.

sean-sunagaku/claude-code-plugin38Updated Jul 30, 2026