Toolverse
All skills

baoyu-compress-image

by JimLiu

Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to \

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
JimLiu
Category
Frontend
Views
23

About this skill

Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to \

How to use

  1. Zainstaluj umiejętność baoyu-compress-image w swoim środowisku (sklonuj repozytorium lub dodaj do katalogu baoyu-skills).

  2. Upewnij się, że masz zainstalowany co najmniej jeden z obsługiwanych narzędzi: sips (macOS), cwebp, ImageMagick lub Sharp. Narzędzie automatycznie wybierze dostępne.

  3. Jeśli chcesz dostosować ustawienia kompresji (format wyjściowy, poziom jakości, parametry), utwórz plik EXTEND.md w katalogu projektu (.baoyu-skills/baoyu-compress-image/EXTEND.md) lub w katalogu domowym ($HOME/.baoyu-skills/baoyu-compress-image/EXTEND.md).

  4. Uruchom skrypt kompresji z linii poleceń, podając ścieżkę do obrazu: ${BUN_X} ${SKILL_DIR}/scripts/main.ts <ścieżka-do-obrazu>. Zastąp ${BUN_X} poleceniem bun (lub npx bun, jeśli bun nie jest zainstalowany) oraz ${SKILL_DIR} ścieżką do katalogu umiejętności.

  5. Poczekaj na zakończenie kompresji — nowy plik zostanie zapisany w formacie WebP (domyślnie) lub PNG, zależnie od konfiguracji.

  6. Sprawdź rozmiar pliku wyjściowego i porównaj go z oryginałem — kompresja powinna znacznie zmniejszyć wielkość bez widocznej utraty jakości.

Related skills

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

landing-page-guide-v2

by bear2u

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements

Frontend
3486

svg-precision

by dkyazzentwatwa

Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility.

Frontend
233466

angular

by sickn33

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns. Use PROACTIVELY for Angular development, component architecture, state management, performance optimization, and migration to modern

Frontend
2656

shadcn-ui-setup

by maneeshanif

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.

Frontend
23167

browser-automation

by browserbase

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Triggers include \

Frontend
21175