skills.rest
Zelenov
ZelenovCOMMUNITY
Explore all skills by this author →
Website𝕏@zelenovGitHub

image-preview

Implement JPEG/HEIC/HEIF decoding and image routing in frename's media_viewer pipeline.

1|Updated Jan 23, 2026
Search Tags:#jpeg#heic#async-loading#image-preview#frename#media-viewer#image-decoding
One-click install
npx skills add https://github.com/Zelenov/frename --skill image-preview
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image-preview
Source: https://github.com/Zelenov/frename/tree/main/.claude/skills/image-preview
Command: npx skills add https://github.com/Zelenov/frename --skill image-preview

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides implementing and evolving the image preview flow in frename, enabling JPEG/HEIC/HEIF decoding, and seamless interaction with the media_viewer to preview images before editing.

Core Features & Use Cases

  • Unified image preview path integrated into the media_viewer workflow.
  • JPEG/HEIC/HEIF decoding support with no-unload coordination for smooth UX.
  • Clear routing for opening image files and adjusting FolderWorkspace behavior.
  • Real-world use: extend the app to preview a collage of product photos without loading the video pipeline.

Quick Start

Enable image previews in the media_viewer by wiring JPEG/HEIC decoding and routing image files through the image-view flow.

Frequently Asked Questions about image-preview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement asynchronous image previews in a media viewer pipeline?▼

Asynchronous image previews are implemented by wiring JPEG and HEIC decoding into the media_viewer workflow, using a no-unload path coordination to ensure smooth loading without interrupting the user experience.

What is the best way to decode HEIC and JPEG files for an image viewer feature?▼

Decoding HEIC and JPEG files for an image viewer requires routing image files through a unified preview path that supports cross-format decoding and asynchronous loading to prevent UI blocking.

How does asynchronous loading prevent unload issues during image decoding?▼

Asynchronous loading prevents unload issues by coordinating the image decoding process through a no-unload path, ensuring the media_viewer workflow handles JPEG and HEIC files smoothly without dropping data.

Can I route specific image files to a dedicated preview flow without loading the video pipeline?▼

Yes, you can route image files to a dedicated preview flow using FileKind-based image routing, which directs JPEG and HEIC files to the image-viewer instead of triggering the video pipeline.

Does the frename media viewer support cross-format image decoding for HEIF files?▼

The frename media viewer supports cross-format image decoding by integrating HEIC, HEIF, and JPEG formats into a unified asynchronous preview path within the FolderWorkspace environment.

Why are my HEIC image previews failing to load asynchronously in the media viewer?▼

HEIC image previews fail to load asynchronously when the no-unload path handling is not properly configured or when FileKind-based routing incorrectly directs HEIC files away from the image decoding pipeline.

Related Skills

Explore More Software Engineering Skills→
AppsVortexAppsVortex
31

arn-infra-env

Generate environment-specific IaC configurations and update promotion pipelines.

Official
Advanced
lttrlttr
4

img-optimize

Optimize and convert JPEG, PNG, WebP, and AVIF images using sharp-cli.

Community
Intermediate
framersaiframersai

whisper-transcribe

Transcribe audio and video files into text transcripts using Whisper STT services.

Official
Intermediate
malue-aimalue-ai
36

batch-file-converter

Convert images and Markdown files between formats in batches.

Official
Intermediate