prompt-card

Szablon obrazka OG: Karta promptu AI

Prompt wpisany w pole czatu z kursorem i przyciskiem wysyłania, a obok wygenerowany wynik w ramce z logo narzędzia.

Szablon obrazka Open Graph „Karta promptu AI” wyrenderowany przez Shareglint
Szablon Karta promptu AI w rozmiarze square (1080×1080)
Szablon Karta promptu AI w rozmiarze portrait (1080×1350)
Szablon Karta promptu AI w rozmiarze story (1080×1920)
Szablon Karta promptu AI w rozmiarze pinterest (1000×1500)
Szablon Karta promptu AI w rozmiarze youtube (1280×720)

To prawdziwe rendery z API z przykładowymi wartościami z tabeli niżej. Przełącz rozmiar wyżej: ten sam szablon układa się w każdym z 6 rozmiarów — wyślij size albo sizes w zapytaniu.

Dla narzędzi AI, bibliotek promptów i twórców, którzy publikują jeden prompt na kartę. Długi prompt najpierw się zmniejsza, potem kończy wielokropkiem; bez obrazka wynikowego ramka pokazuje miękki gradient z iskrą, jakby wynik jeszcze się renderował, a bez logo narzędzia jego nazwa dostaje monogram. W szerokich kadrach pole czatu stoi po lewej, a wynik po prawej; w kwadratowych i pionowych wynik idzie na górę, a pole pod spód.

Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

Pole Typ Opis Przykład
prompt tekst Treść promptu w polu czatu. domyślnie: Your prompt A misty pine forest at dawn, soft light falling through the trees, muted greens, wide angle, light film grain
tool tekst Nazwa narzędzia AI, nad polem czatu. Lumen Studio
category tekst Kategoria w plakietce obok nazwy narzędzia, np. Pejzaż. Landscape
author tekst Autor promptu, w pasku narzędzi pola, np. @mira.makes. @mira.makes
tool_logo adres obrazka Logo narzędzia, kwadratowe; pojawia się też na wyniku. https://example.com/images/b06-icon-spark.png
output_image adres obrazka Wygenerowany obraz; wypełnia ramkę wyniku. https://example.com/images/forest.jpg
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #ec4899 #ec4899
theme dark | light Schemat kolorów: dark albo light. —

Wyrenderuj go jednym żądaniem

Slug podajesz jako template. W odpowiedzi dostajesz adres gotowego PNG; ?wait=true trzyma połączenie, aż obrazek będzie gotowy.

curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "prompt-card",
    "modifications": {
        "prompt": "A misty pine forest at dawn, soft light falling through the trees, muted greens, wide angle, light film grain",
        "tool": "Lumen Studio",
        "category": "Landscape",
        "author": "@mira.makes",
        "tool_logo": "https://example.com/images/b06-icon-spark.png",
        "output_image": "https://example.com/images/forest.jpg"
    }
}'

Albo wklej podpisany adres w og:image

Dla stron statycznych, Webflow, Shopify i narzędzi no-code: pola idą w query stringu, a całość podpisujesz swoim sekretem. Pierwsze żądanie renderuje obrazek, każde kolejne to przekierowanie na gotowy plik. Jak policzyć podpis.

<meta property="og:image" content="https://shareglint.com/i/acc_YOUR_ACCOUNT_ID/prompt-card.png?author=%40mira.makes&category=Landscape&prompt=A%20misty%20pine%20forest%20at%20dawn%2C%20soft%20light%20falling%20through%20the%20trees%2C%20muted%20greens%2C%20wide%20angle%2C%20light%20film%20grain&tool=Lumen%20Studio&s=YOUR_SIGNATURE">

Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

curl -X POST "https://shareglint.com/v1/templates/library/prompt-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów: Dla programistów

Wszystkie szablony w kategorii Dla programistów (11) →  ·  Wszystkie szablony →