Kategoria Design · Inteligencja Apache-2.0 · Made on Earth
Open Source Claude Design

Szablony.

Artefakty tworzone przez agentów, które możesz sforkować i wdrożyć — prototypy, slajdy, szablony obrazów i wideo. Uruchamiaj je na własnych kluczach z lokalnym agentem; wszystkie prompty, plakaty i przykładowe HTML-e są dostępne na licencji Apache-2.0.

Razem · 254
Podgląd AeroCore — Cinematic Aerospace Engine Landing prototyp
@eli Open Design
Czytaj pełny prompt →

AeroCore — Cinematic Aerospace Engine Landing

Premium scroll-cinematic aerospace propulsion marketing site: a blue-to-warm-white gradient hero with parallax wordmark and engine still, a mission thumbnail that grows into a fullscreen sticky video, a pinned tabbed showcase, a bento capabilities grid with looping video cards and a tool marquee, an animated dark stats chart, a horizontal video-story rail, and a starfield footer.

Podgląd Szablon panelu na żywo Flowai prototyp
@open-design Open Design
Czytaj pełny prompt →

Szablon panelu na żywo Flowai

Panel zarządzania zespołem w estetyce FlowAI z trzema zakładkami (Członkowie zespołu, Szczegóły zespołu, Dziennik aktywności), wierszem statystyk KPI, tabelą członków, wykresem słupkowym podziału ról, wykresami sparkline obecności online i aktywności oraz panelem najlepszych współtwórców. Obsługuje motyw jasny/ciemny, podpowiedzi wykresów, powiększanie i eksport CSV.

Podgląd Zrzut ekranu z gry - ARPG Three Kingdoms: Łucznictwo Lü Bu w Yuanmen obraz
@open-design-contributors Open Design
Czytaj pełny prompt →

Zrzut ekranu z gry - ARPG Three Kingdoms: Łucznictwo Lü Bu w Yuanmen

Zrzut ekranu z action-RPG słynnej sceny z Three Kingdoms, w której Lü Bu strzela do odległej halabарdy przy bramie obozu. Fotorealistyczny kinematograficzny styl Black Myth: Wukong z Unreal Engine 5, widok trzecioosobowy zza ramienia i pełny HUD (paski HP i qi, minimapa, pasek umiejętności, znacznik celu z odległością). Zoptymalizowane dla gpt-image-2 w formacie 16:9.

Podgląd Html Ppt Nawigacja Strzałkami Minimal prezentacja
@open-design Open Design
Czytaj pełny prompt →

Html Ppt Nawigacja Strzałkami Minimal

8-stronicowy minimalistyczny keynote z nawigacją strzałkami — każda strona z jednokolorowym tłem (indygo / kremowy / karmazynowy / turkusowy / szary / fioletowy / biały / węglowy), tytuł display 160px + gruba linia akcentująca 4px, lista Mono z prefiksem →, podpowiedź klawiszy ← → w lewym dolnym rogu + numer strony w prawym dolnym rogu, duże białe przestrzenie. Idealne do keynote, premier i prezentacji, gdzie jest dużo do powiedzenia, ale mało do pokazania.

Podgląd Html Ppt Hermes Terminal Cybernetyczny prezentacja
@open-design Open Design
Czytaj pełny prompt →

Html Ppt Hermes Terminal Cybernetyczny

Szablon prezentacji w stylu ciemnego terminala z czarnym tłem #0a0c10, siatką cyber 56px, winietowaniem CRT, liniami skanowania, chrome świateł okna, tytułami `$ prompt` wiersza poleceń, tekstem miętowozielonym #7ed3a4, JetBrains Mono, wykresami słupkowymi outline, mrugającym kursorem, tagami bursztyn/zielony/czerwony i ciemnymi blokami kodu. Idealny do recenzji CLI/agentów/narzędzi dev (trace, diff, benchmark).

Podgląd Plan architektury wiedzy Html Ppt prezentacja
@open-design Open Design
Czytaj pełny prompt →

Plan architektury wiedzy Html Ppt

Kremowy zestaw architektury blueprintu — kremowa baza papieru #F0EAE0 + pojedyncze podświetlenie rdzawo-czerwone #B5392A, maska siatki blueprintu 48px, twarde karty z czarną obwódką 2px, pudełka kroków pipeline (jedno podniesione), rdza-czerwone wywołanie insight po prawej, duża czcionka szeryfowa Playfair, przerywana pętla feedbacku SVG. Zero gradientów, zero miękkich cieni, poważne i przyjazne drukowi.

Podgląd Html Ppt Obsidian Claude Gradient prezentacja
@open-design Open Design
Czytaj pełny prompt →

Html Ppt Obsidian Claude Gradient

Ciemnofioletowy gradientowy motyw deck GitHub z tłem GitHub-dark #0d1117, radialnym niebiesko-fioletowym światłem otoczenia, maską siatki 60px, wycentrowanym układem, fioletowymi tagami pill, trójkolorowymi nagłówkami gradientowymi (#a855f7→#60a5fa→#34d399), paletą kodu w stylu GitHub i fioletową lewą ramką bloków podświetlających. Idealny do workflow deweloperów, MCP, Agent i tutoriali narzędzi dev.

Podgląd Html Ppt Zhangzara Long Table prezentacja
@open-design Open Design
Czytaj pełny prompt →

Html Ppt Zhangzara Long Table

Long Table — Estetyka kolacyjnego klubu w ciepłym kremie i rdzawoczerwieni z pogrubionymi groteskowymi nagłówkami wielkimi literami, kursywą Fraunces i przyciskami w kształcie pigułki. Idealne dla ciepłych, kameralnych, nowoczesnych marek hospitality i społecznościowych: klubów kolacyjnych, serii kolacji, małych restauracji, wydarzeń studio kreatywnego, propozycji członkowskich, marek lifestyle i winiarskich.

Podgląd Html Ppt Zhangzara Sakura Chroma prezentacja
@open-design Open Design
Czytaj pełny prompt →

Html Ppt Zhangzara Sakura Chroma

Sakura Chroma — Vintage'owa estetyka japońskich opakowań kaset: kremowy papier, ukośne tęczowe wstążki, skondensowany pogrubiony krój pisma, checkboxy w stylu JIS. Idealne do prezentacji niezależnych marek hardware, harmonogramów wydawnictw muzycznych, retrospektyw analogowych studiów, propozycji magazynowych, premier produktów kawaii-tech i raportów rocznych studiów kreatywnych.

Podgląd Hyperframes wideo
@open-design Open Design
Czytaj pełny prompt →

Hyperframes

Twórz kompozycje wideo, animacje, plansze tytułowe, nakładki, napisy, narracje, wizualizacje reagujące na dźwięk i przejścia między scenami w HyperFrames HTML. Obsługuje treści wideo HTML, napisy zsynchronizowane z dźwiękiem, narrację text-to-speech, animacje reagujące na muzykę (synchronizacja z rytmem, poświata, pulsacja), animowane podświetlanie tekstu (zakreślenia markerem, ręcznie rysowane kółka, linie wybuchu, bazgroły, szkice) oraz przejścia między scenami (przenikanie, wycieranie, ujawnianie, przejścia shaderowe).

wideo
@heygen Open Design
Czytaj pełny prompt →

HyperFrames: Mapa lotu w stylu Apple (Punkt wyjścia → Miejsce docelowe)

8-sekundowa kinematograficzna mapa trasy lotu 16:9 — realistyczne powiększenie terenu, animowany samolot sunący z punktu wyjścia do miejsca docelowego wzdłuż zakrzywionej ścieżki, opisane miasta, kinetyczny licznik odległości. Zbudowany na bloku katalogowym HyperFrames `nyc-paris-flight`, nadający się do ponownego użycia dla dowolnej pary miast.

Podgląd Infografika - Rozkład choreografii tańca otaku (Gokuraku Jodo, 16 paneli) obraz
@open-design-contributors Open Design
Czytaj pełny prompt →

Infografika - Rozkład choreografii tańca otaku (Gokuraku Jodo, 16 paneli)

Pionowy plakat 2:3 złożony z siatki 4×4 z 16 kwadratowych paneli, przedstawiający pełny rozkład choreografii słynnej japońskiej piosenki tanecznej otaku 極楽浄土 (Gokuraku Jodo). Każdy panel pokazuje tę samą półrealistyczną idolkę anime w charakterystycznych pozach tanecznych, zaprojektowany jako arkusz referencyjny póz do generowania wideo AI z gpt-image-2, format 2:3.

Podgląd Open Design Landing Deck prezentacja
@open-design Open Design
Czytaj pełny prompt →

Open Design Landing Deck

Tworzy jednoplikową prezentację w języku wizualnym Atelier Zero (ciepłe papierowe tło, kursywne akcenty szeryfowe, koralowe kropki końcowe, surrealistyczne kolaże). Z poziomą paginacją w stylu magazynu (←/→, kółko, przesuwanie), paskiem chrome z marką i licznikiem slajdów, siatką podglądu ESC, koralowym paskiem postępu i dziedziczy kanoniczny arkusz stylów + bibliotekę 16 obrazów z siostrzanej umiejętności open-design-landing.

Podgląd Orbit Ogólny prototyp
@open-design Open Design
Czytaj pełny prompt →

Orbit Ogólny

Automatycznie uruchamiany przez Orbit, gdy podłączone są dwa lub więcej konektorów. Zbiera aktywność z ostatnich 24 godzin ze wszystkich uwierzytelnionych konektorów (GitHub, Linear, Notion, Slack, 飞书, Kalendarz, Gmail, Drive, Sentry, Vercel itp.) i generuje adaptacyjny dashboard w układzie siatki bento na górze "我的设计". Wykonywany automatycznie przez harmonogram codziennych podsumowań Orbit.

Podgląd Orbit Notion prototyp
@open-design Open Design
Czytaj pełny prompt →

Orbit Notion

Umiejętność briefingu Open Orbit — wybierana przez pipeline Orbit, gdy Notion jest jedynym podłączonym konektorem użytkownika lub gdy użytkownik jawnie ogranicza swój codzienny digest do Notion. Pobiera edycje dokumentów, komentarze, wzmianki i zmiany wierszy bazy danych z ostatnich 24 godzin z uwierzytelnionego połączenia Notion użytkownika i renderuje digest jako natywną stronę Notion (elementy callout/toggle/tabela bazy danych). Ta umiejętność nie powinna być uruchamiana ręcznie — jest wywoływana przez harmonogram codziennego digestu Orbit na żywych danych Notion.

Podgląd Replit Deck prezentacja
@open-design Open Design
Czytaj pełny prompt →

Replit Deck

Jedoplikowy poziomy deck HTML w stylu galerii szablonów strony docelowej Replit Slides. Osiem różnych motywów (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – każdy to kompletny system wizualny (paleta + typografia + akcent) z replit.com/slides. Wybierz jeden motyw, nie mieszaj. Do pitch decków, raportów zarządu, memo brandowych, prezentacji kampanii – gdy użytkownik wyraźnie chce stylu Replit Slides.

Podgląd Karuzela społecznościowa prototyp
@open-design Open Design
Czytaj pełny prompt →

Karuzela społecznościowa

Trzykartkowa karuzela do mediów społecznościowych w formacie 1080×1080 kwadratów – trzy filmowe panele zgodne z marką z nagłówkami łączącymi się w całej serii ('dalej.' → 'do następnego.' → 'patrząc w przyszłość.'). Każda karta zawiera znak marki, numer/całość, podpis i affordance 'pętli'. Użyj w przypadku zapytań o 'post karuzelowy', 'karuzela społecznościowa', 'karuzela Instagram', 'seria LinkedIn', 'karty wątku X' lub '三连发'.

Podgląd Post w Mediach Społecznościowych - Storyboard Sensacyjnego Tańca (8 Ujęć) obraz
@open-design-contributors Open Design
Czytaj pełny prompt →

Post w Mediach Społecznościowych - Storyboard Sensacyjnego Tańca (8 Ujęć)

Kompletny zestaw promptów storyboardowych w 8 ujęciach do generowania spójnej sekwencji tanecznej. Zoptymalizowany dla modeli gpt-image-2 z globalnymi tokenami stylu, wielokrotnego użytku promptem negatywnym i ośmioma promptami na ujęcie (poza otwierająca, ruch bioder, fala ciała, skręt talii, boczne kołysanie, ruch włosów, poza mocy, poza finałowa).

wideo
@open-design-contributors Open Design
Czytaj pełny prompt →

Video - Desk Hologram AR on Real Workspace (Seedance 2.0)

A two-phase Seedance 2.0 workflow for the viral desk-hologram format: first lock a photoreal keyframe on a real developer desk (Open Design UI on the monitor, a cobalt-blue extraterrestrial hunter standing on the keyboard), then animate that still into a ~15s 9:16 image-to-video clip. Tuned for believable AR passthrough — medium-strength VFX, real desk clutter, monitor glow spill on the character, and light physical interactions (open mug, keyboard step, bow draw). Inspired by the desk-hologram Seedance 2.0 trend; no copyrighted character names in the prompt.

wideo
@open-design-contributors Open Design
Czytaj pełny prompt →

Wideo - Three Kingdoms ARPG - Lyu Bu łucznictwo Yuanmen (Seedance 2.0)

~10-sekundowa sekwencja akcji w silniku gry: Lyu Bu napina czerwony lakierowany łuk i wypuszcza złotą strzałę qi w stronę odległej halabardii. Zoptymalizowane dla Seedance 2.0 z precyzyjną kontrolą kamery, fizyką łuku i strzały, animacją wiatru, kurzu i sztandarów oraz kolorystyką w stylu zrzutu ekranu. Uzupełnia odpowiedni szablon obrazu.

Podgląd Krótkie wideo wideo
@open-design Open Design
Czytaj pełny prompt →

Krótkie wideo

Generowanie krótkich filmów — klipy 3-10 sekund do prezentacji produktów, zapowiedzi animowanych i pętli ambientowych. Domyślnie Seedance 2, ale działa również z Kling 3 / 4, Veo 3 lub Sora 2. Wyjście to pojedynczy plik MP4 zapisany w folderze projektu. Gdy workspace oferuje również umiejętność wideo interaktywnego/hyperframes, zaleca się komponowanie kilku krótkich ujęć w jedną oś czasu zamiast jednego długiego monolitycznego klipu.

FAQ

Czym są szablony Open Design?

Szablony z wbudowanymi wtyczkami, które dostarczane są z Open Design — open source'ową alternatywą Claude Design. Każdy to artefakt, który można uruchomić: prototyp, prezentacja, generator obrazów, kompozycja wideo lub piece motion HyperFrames. Twój lokalny agent uruchamia wtyczkę względem jej promptu i opcjonalnego przykładowego HTML-a, produkcując gotowy do udostępnienia zasób na Twojej maszynie.

Na jakiej licencji są szablony?

Apache-2.0 wszędzie. Sforkuj prompt, zaadaptuj example.html, zmień tokeny brandowe — jedyna prośba to zachować notatkę LICENSE przy redystrybucji.

Czy mogę uruchamiać je z własnymi kluczami API?

Tak. Open Design to BYOK na każdej warstwie — Twoje dane uwierzytelniające Claude / OpenAI / lokalnego modelu nigdy nie opuszczają Twoją maszynę. Witryna marketingowa nie realizuje żadnych wnioskodawań; podglądy na żywo, które widzisz na rzędach katalogów, pochodzą z plakatów i adresów URL Cloudflare Stream, które dostarczają szablony, a nie z hostowanego środowiska uruchomieniowego.

Jak wnieść swój szablon?

Otwórz PR przeciwko nexu-io/open-design/plugins/_official z nowym folderem zawierającym open-design.json, SKILL.md i runnable example.html. Przewodnik dla współpracowników w pliku CONTRIBUTING.md repozytorium wyjaśnia pola manifestu. Zatwierdzone wkłady trafiają do publicznego katalogu i pojawiają się tu automatycznie przy następnym wdrożeniu.

Czym różni się to od Claude Design Studio?

Claude Design Studio to hostowany produkt firmy Anthropic. Open Design to open source'owa alternatywa Claude Design — każdy szablon, prompt i system designu w tym katalogu żyje w publicznym repozytorium, uruchamia się lokalnie względem wybranych przez Ciebie kluczy i może być rozszerzany poprzez wtyczki, które każdy może napisać. Dublujemy tę samą taksonomię artefaktów (prototypy, slajdy, obrazy, wideo), aby model mentalny był spójny, ale wszystko aż do środowiska uruchomieniowego agenta pozostaje na Twojej maszynie.

Skąd pochodzą podglądy?

Manifest każdego szablonu zawiera adres URL plakatu (CDN Cloudflare) i dla szablonów wideo — MP4 z Cloudflare Stream. Siatka renderuje plakat jako statyczną miniaturę i zamienia wideo na najechaniu. Szablony obrazów i prototypów pokazują swój plakat bezpośrednio; kliknięcie otwiera runnable example.html na stronie szczegółów.