Toolverse
All skills
Frontend

giphy-gif

by openclaw

Search and send contextual Giphy GIFs in Discord. Use when a user asks for a GIF or when a brief visual reaction (celebration, humor, emotion) improves the flow.

Installation

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

Installation

Quick info

Author
openclaw
Category
Frontend
Views
3
GitHub repo

About this skill

Search and send contextual Giphy GIFs in Discord. Use when a user asks for a GIF or when a brief visual reaction (celebration, humor, emotion) improves the flow.

How to use

  1. Uzyskaj klucz API Giphy. Przejdź na stronę Giphy Developers, załóż konto i wygeneruj bezpłatny klucz API.

  2. Skonfiguruj zmienną środowiskową GIPHY_API_KEY. Otwórz terminal i wybierz jedną z opcji: tymczasowo dla bieżącej sesji wpisz export GIPHY_API_KEY="twój-klucz", lub trwale dodaj linię GIPHY_API_KEY=twój-klucz do pliku ~/.openclaw/.env i uruchom ponownie OpenClaw.

  3. Skill automatycznie reaguje na prośby o GIFy. Gdy użytkownik na Discordzie poprosi o GIF (np. "pokaż mi happy dance"), umiejętność przechwyci życzenie, wyszuka odpowiedni GIF w bazie Giphy i wyśle link.

  4. Skill może wysyłać GIFy proaktywnie w odpowiednich momentach. Jeśli rozmowa zawiera celebrację, humor lub silne emocje, umiejętność może sama zaproponować GIF – ale robi to okazjonalnie, aby nie przytłaczać czatu.

  5. Jeśli GIF nie zostanie znaleziony, skill wyśle wiadomość z prośbą o zmianę słowa kluczowego. Użytkownik może wtedy spróbować z innym opisem (np. zamiast abstrakcyjnego wyrażenia użyć konkretnego: "facepalm reaction" zamiast "zły nastrój").

  6. Pamiętaj, że skill preferuje tekst w poważnych lub bogatych w informacje dyskusjach – GIFy dodaje tylko wtedy, gdy rzeczywiście wzbogacą rozmowę, a nie będą jej przeszkadzać.

Related skills

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058

frontend-ui-ux

by code-yeongyu

Designer-turned-developer who crafts stunning UI/UX even without design mockups

Frontend
1884

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

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Frontend
65135

markitdown

by K-Dense-AI

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting

Frontend
75173