59 Prototype.
Interactive product mockups — dashboards, apps, landing pages, internal tools. Anything you’d hand a stakeholder and click through.
Çıktı türü
Sahne
- 001
Blog Yazısı Uzun makale / blog yazısı — başlık, hero görsel yer tutucu, şekiller ve alıntılarla makale içeriği, yazar imzası, ilgili yazılar içerir. Brief'te 'blog', 'makale', 'yazı', 'deneme' veya 'vaka çalışması' istendiğinde kullanın. - 002
Klinik vaka raporu Klinik vizitler, konferanslar ve dokümantasyon için yapılandırılmış tıbbi vaka sunumu. Fizyolojik olarak doğru vital bulgular, laboratuvar değerleri ve kanıta dayalı tedavi planları içeren SOAP formatında veya anlatı tarzında raporlar oluşturur. - 003
Codex etkileşimli yetenek haritası Uzun bir makaleyi, thread'i, notu veya ürün açıklamasını workflow döngüsü, kullanım senaryosu matrisi ve responsive detay paneline sahip Codex tarzı tıklanabilir yetenek haritasına dönüştürün. - 004
Critique Projedeki herhangi bir HTML çıktısı için 5 boyutlu uzman tasarım incelemesi yapar — Felsefe/Görsel hiyerarşi/Detay/İşlevsellik/Yenilik, her biri 0-10 arası puanlanır. Radar grafiği, kanıta dayalı puanlar ve üç liste içeren bağımsız bir HTML rapor oluşturur: Koru/Düzelt/Hızlı kazanımlar. - 005
Gösterge Paneli Tek HTML dosyasında yönetici/analitik gösterge paneli. Sabit sol kenar çubuğu, kullanıcı/arama içeren üst çubuk, ana KPI kart ızgarası ve grafikler. 'Gösterge paneli', 'yönetici', 'analitik' veya 'kontrol paneli' ekranları için kullanın. - 006
Veri Görselleştirme Raporu CSV, Excel veya JSON verilerini şık bir görsel rapor sayfasına dönüştürür. - 007
Dating Web Tüketici odaklı flört/eşleştirme kontrol paneli; sol yan navigasyon, topluluk sinyalleri ticker barı, ana KPI'lar, 30 günlük karşılıklı eşleşme çubuk grafiği ve eşleşme oranı trend bloğu içerir. Editoryal tipografi, sade vurgu. Flört siteleri, eşleştirme, topluluk panoları veya sosyal ağ dashboardları için idealdir. - 008
DCF Değerleme Halka açık şirketler için iskontolu nakit akışı değerlemesi ve içsel değer analizi. DCF, gerçeğe uygun değer, içsel değer, hedef fiyat ve düşük/yüksek değerlenme analizleri için. - 009
Cihaz 3D vitrin Ekranlara gömülü gerçek HTML, cam lens kırılması ve 360 derece döner tabla kompozisyonu ile statik iPhone ve MacBook 3D tarzı vitrin. - 010
Dijital rehber İki sayfalık dijital rehber önizlemesi — sayfa 1 kapak (başlık, yazar, 'İçinde neler var' istatistikleri, içindekiler tanıtımı); sayfa 2 açılım (alıntı ve adım listesi içeren ders metni). Yaşam tarzı / içerik üreticisi marka tonu. 'E-guide', 'dijital rehber', 'lookbook', 'lead magnet', 'içerik üreticisi rehberi', 'playbook', 'PDF rehber' veya '电子指南' istendiğinde kullanın. - 011
Dokümantasyon Sayfası Yan gezinme, kaydırılabilir makale içeriği ve içindekiler tablosu içeren dokümantasyon sayfası. Brief'te 'dokümantasyon', 'kılavuz', 'API referansı' veya 'öğretici' geçtiğinde kullanın. - 012
E-posta Pazarlama Ürün lansmanı için e-posta şablonu: başlık, ana görsel, eğik vurgulu başlık, ana metin, birincil CTA butonu ve özellik tablosu içeren ortalanmış tek sütunlu HTML düzeni. - 013
Mühendislik Runbook'u Bir mühendislik runbook'u — hizmet genel bakışı, alarm tablosu, dashboard bağlantıları, kopyalanabilir komutlarla yaygın prosedürler, nöbet rotasyonu ve olay müdahale kontrol listesi. Runbook, ops dokümanı, nöbet rehberi, SRE dokümanı veya 运维手册 için kullanın. - 014
Finansal rapor Üç aylık/aylık finansal rapor — KPI'lı başlık, gelir ve harcama grafikleri, P&L özet tablosu, öne çıkanlar ve görünüm paragrafı içerir. 'Finansal rapor', 'Q3 raporu', 'MRR incelemesi', 'P&L' veya '财报' gibi talepler için kullanın. - 015
Flowai canlı gösterge paneli şablonu FlowAI estetiğinde ekip yönetimi panosu; üç sekme (Ekip Üyeleri, Ekip Detayları, Etkinlik Günlüğü), KPI istatistik satırı, üye tablosu, rol dağılımı çubuk grafiği, çevrimiçi durum ve etkinlik sparkline'ları ile en iyi katkıda bulunanlar paneli içerir. Açık/koyu tema, grafik araç ipuçları, tıklayarak yakınlaştırma ve CSV dışa aktarma desteği. - 016
Oyunlaştırılmış uygulama Üç ekranlı oyunlaştırılmış mobil uygulama prototipi: kapak, XP şeritleri ve seviye çubuğu ile günlük görevler, görev detayı. Oyunlaştırılmış uygulamalar, alışkanlık takipçileri, RPG tarzı yaşam uygulamaları, seviye atlama uygulamaları, günlük görevler ve XP/seri uygulamaları için idealdir. - 017
GitHub Panosu GitHub depo analitik panosu — yıldızlar, fork'lar, katkıda bulunanlar, sorunlar, pull request'ler, son aktiviteler ve en çok katkıda bulunanlar. GitHub depo panosu, açık kaynak büyüme raporu, depo sağlık sayfası veya GitHub analitik görünümü için kullanın. - 018
İK Onboarding Tek sayfalık yeni işe alım onboarding planı — ilk hafta programı, buddy + yönetici tanıtımı, öğrenme yolu, ekipman kontrol listesi ve 'hazırsınız, çünkü…' sonuçları. Brief'te 'onboarding', 'yeni işe alım', 'ilk hafta planı' veya '入职' geçtiğinde kullanın. - 019
Html Ppt Taste Brutalist 16:9 HTML sunum, tactical-telemetry / CRT terminal tarzında. Devre dışı CRT kömür slaytlar, beyaz fosforlu monospace, tehlike kırmızısı vurgu, tarama çizgisi kaplaması, ASCII sözdizimi, dekorasyondan çok yoğunluk. Leonxlnx/taste-skill `brutalist-skill`'den (Tactical Telemetry modu) damıtılmıştır. - 020
Html Ppt Taste Editorial Editorial-minimalist tarzda 16:9 HTML sunum. Sıcak krem slaytlar, serif başlıklar + grotesk gövde, ince çizgiler, monospace meta veriler, cömert beyaz boşluklar, tek vurgu rengi. Leonxlnx/taste-skill `minimalist-skill`'den damıtılmıştır. - 021
Fatura Yazdırılabilir fatura sayfası — gönderen + alıcı bloğu, satır öğeleri tablosu, vergi dökümü, toplamlar ve ödeme talimatları. Brief'te 'invoice', 'bill', 'billing statement' veya '发票' geçtiğinde kullanın. - 022
Kami Landing Baskı kalitesinde tek sayfalık kağıt belgesi üretir — sıcak parşömen tuval, mürekkep mavisi vurgu, tek ağırlıklı serif, italik yok, soğuk griler yok. Çıktı uygulama UI'ı değil, profesyonel white paper veya stüdyo one-pager gibi görünür. Tasarım gereği çok dilli (EN · zh-CN · ja). Tek bağımsız HTML dosyası, sıfır bağımlılık. - 023
Kami parşömen belgesi Sıcak parşömen tuvali (#f5f4ed), monokrom mürekkep mavisi vurgusu (#1B365D), bir serif yazı tipi ailesi ve editoryal seviye tipografi. - 024
Kanban Panosu Sütunlu (To do / In progress / In review / Done) kanban / görev panosu, sürüklenebilir kartlar, atanan kişi avatarları, swimlane'ler ve üst filtre çubuğu içerir. Brief'te 'kanban', 'task board', 'sprint board', 'trello' veya '看板' geçtiğinde kullanın. - 025
Son 30 Gün Son 30 günün topluluk ve sosyal trend araştırması. İnsanların şu anda ne söylediğini, son duyguları, topluluk tepkilerini, sosyal kanıtı, lansman tepkisini, trend taramasını veya son 30 günün bağlamını öğrenmek için kullanın. - 026
Dergi Makalesi Markdown veya notları cilalı uzun biçimli HTML makalesine dönüştürmek için Huashu / huashu-md-html'den ilham alan dergi makalesi düzeni. - 027
Dergi Posteri Gazete kağıdı, tarih satırı, üstü çizili ve italik vurgulu büyük serif başlık, 2 sütunlu metin bloğu ve alıntı açıklamalı 6 numaralı bölüm içeren editoryal stil gazete posteri. Dergi posteri, editoryal tasarım, gazete düzeni veya manifesto için idealdir. - 028
Pazarlama Posteri Güçlü görsel etkiye sahip dikey poster veya Hikayeler tarzı paylaşım görseli. - 029
Toplantı Notları Toplantı notları sayfası — katılımcıların olduğu başlık çubuğu, gündem kontrol listesi, kararlar bloğu, sahipleri ve tarihleri olan eylem öğeleri tablosu ve 'sonraki toplantı' alt bilgisi. 'Toplantı notları', 'tutanak', '1:1 notları', 'genel toplantı özeti' veya '会议纪要' ifadeleri geçtiğinde kullanın. - 030
Mobil uygulama Sayfada piksel hassasiyetinde bir iPhone 15 Pro çerçevesi içinde oluşturulmuş mobil uygulama ekranı. assets/template.html tohum dosyası kopyalanıp references/layouts.md dosyasından bir ekran arketipi yapıştırılarak oluşturulur. Brief'te 'mobil uygulama', 'iOS uygulaması', 'Android uygulaması', 'telefon ekranı' veya 'uygulama UI' istendiğinde kullanın. - 031
Mobil onboarding Yan yana üç telefon çerçevesi olarak gösterilen çok ekranlı mobil onboarding akışı — splash, değer önerisi, giriş. Durum çubuğu, kaydırma noktaları, birincil CTA. Özette 'mobil onboarding', 'iOS onboarding', 'telefon kaydı' veya '移动端引导' geçtiğinde kullanın. - 032
Modern Özgeçmiş Modern minimalist özgeçmiş, tek sayfa A4, yazdırmaya veya PDF olarak dışa aktarmaya hazır. - 033
Motion Frames Döngüsel CSS animasyonlarıyla tek-kare motion design kompozisyonu — dönen yazı halkası, animasyonlu küre, zamanlayıcı, parallax etiketler. HyperFrames veya herhangi bir keyframe tabanlı dışa aktarıcı için hero video posteri olarak render eder. Motion design, animasyonlu hero, döngü, video posteri ve başlık kartları için idealdir. - 034
Open Design Açılış Sayfası Atelier Zero görsel dilinde (Monocle / Apartamento / Études editoryal kolaj) tek sayfalık bir editoryal açılış sayfası üretir. Marka özetinden inputs.json doldurur, isteğe bağlı olarak gpt-image-2 ile 16 kolaj varlığı oluşturur ve kaydırma animasyonları ile sabit gezinme içeren bağımsız HTML dosyası çıktısı verir. - 035
Orbit Genel İki veya daha fazla bağlayıcı bağlandığında Orbit tarafından otomatik olarak tetiklenir. Son 24 saatin tüm kimliği doğrulanmış bağlayıcılardan (GitHub, Linear, Notion, Slack, 飞书, Takvim, Gmail, Drive, Sentry, Vercel vb.) etkinliklerini toplar ve "我的设计" üst kısmında uyarlanabilir bento-ızgara panosu oluşturur. Orbit'in günlük özet zamanlayıcısı tarafından otomatik olarak çalıştırılır. - 036
Orbit Github GitHub bağlantılarına dayalı günlük özetleri otomatik olarak oluşturan Orbit becerisi. Son 24 saatteki PR'ları, inceleme isteklerini, sorunları, CI çalıştırmalarını ve birleştirmeleri alır ve GitHub'ın yerel bildirim stilinde görüntüler. Orbit günlük özet zamanlayıcısı tarafından otomatik olarak çağrılır. - 037
Orbit Gmail Gmail tek bağlı hizmet olduğunda veya açıkça seçildiğinde son 24 saatteki gelen kutusu etkinliğini çıkarır ve günlük özet oluşturur. Orbit zamanlayıcı tarafından otomatik olarak tetiklenir, manuel çalıştırılmamalıdır. - 038
Orbit Linear Linear kullanıcının tek bağlı konnektörü olduğunda veya kullanıcı günlük özetini açıkça Linear ile sınırlandırdığında Orbit pipeline'ı tarafından otomatik olarak tetiklenir. Son 24 saatteki sorun hareketleri, durum değişiklikleri, atamaları ve döngü ilerlemesini çeker ve Linear'ın yerel gelen kutusu görsel dilinde render eder. - 039
Orbit Notion Open Orbit brifing becerisi — Notion kullanıcının tek bağlı bağlayıcısı olduğunda veya kullanıcı günlük özetini açıkça Notion ile sınırladığında Orbit pipeline'ı tarafından seçilir. Kullanıcının kimliği doğrulanmış Notion bağlantısından son 24 saatteki belge düzenlemelerini, yorumları, bahsetmeleri ve veritabanı satır değişikliklerini çeker ve özeti yerel Notion sayfası (callout/toggle/veritabanı tablosu öğeleri) olarak görüntüler. Bu beceri manuel olarak tetiklenmemelidir — Orbit'in günlük özet zamanlayıcısı tarafından canlı Notion verilerine karşı çağrılır. - 040
Ürün spesifikasyonu Tek sayfa ürün spesifikasyonu/PRD — problem, başarı metrikleri, kapsam, kullanıcı hikayeleri, tasarım notları, yayın planı, açık sorular. Ürün spesifikasyonları ve özellik brifleri için. - 041
Fiyatlandırma sayfası Bağımsız bir fiyatlandırma sayfası — başlık, plan seviyeleri, özellik karşılaştırma tablosu ve SSS. Brief 'fiyatlandırma', 'planlar', 'abonelik seviyeleri' veya 'planları karşılaştır' sayfası istediğinde kullanın. - 042
Reddit Gönderi Kartı Oy çubuğu ve yorum sayısı içeren gerçekçi Reddit gönderi kartı, video kaplamaları veya hikaye paylaşımı için uygundur. - 043
SaaS Landing Hero, özellikler, sosyal kanıt, fiyatlandırma ve CTA içeren tek sayfalık SaaS açılış sayfası. Aktif DESIGN.md renk/tipografi/layout token'larına uygundur. Tetikleyici anahtar kelimeler: "saas landing", "marketing page", "product landing". - 044
Sosyal Carousel 1080×1080 kare düzeninde üç kartlı sosyal medya carousel'i – seri boyunca birbirine bağlanan başlıklarla ('ileriye.' → 'bir sonrakine.' → 'ileriye bakarak.') sinematik, markaya uygun üç panel. Her kart bir marka işareti, sayı/toplam, başlık ve 'döngü' affordance içerir. 'Carousel gönderisi', 'sosyal carousel', 'Instagram carousel', 'LinkedIn serisi', 'X dizi kartları' veya '三连发' talep edildiğinde kullanın. - 045
Sosyal medya panosu İçerik üreticileri için sosyal medya analiz panosu, tek HTML dosyası. Platform değiştirici (X / LinkedIn / YouTube / Instagram), KPI kartları (takipçiler, etkileşim oranı, beğeniler, yeniden paylaşımlar), takipçi büyüme grafiği, haftanın en iyi gönderisi önizlemesi ve trend konular/en iyi yorumlar yan paneli içerir. - 046
Spotify Şimdi Çalıyor Kartı Albüm kapağı, ilerleme çubuğu ve oynatma kontrolleri içeren Spotify tarzı kart, video yerleşimleri veya kişisel ana sayfalar için uygundur. - 047
Sprite Animasyonu Piksel sanatı tarzında animasyonlu açıklayıcı slayt; krem arka plan, kalın yıl gösterimi, animasyonlu piksel sanatı maskotu (Hanafuda kartı, mantar veya 8-bit konsol), kinetik Japonca tipografi ve zaman çizelgesi şeridi içerir. Saf CSS animasyonu, dikey video kaydına hazır. - 048
Ekip OKR'ları OKR takip sayfası; çeyrek banner'ı, ilerleme çubukları olarak temel sonuçlarıyla birlikte üç hedef, sahip avatarları, durum pill'leri ve 'bu çeyreğe bir bakış' kenar çubuğu. OKR, temel sonuçlar, hedefler veya 目标 bahsedildiğinde kullanın. - 049
Tweaks Herhangi bir HTML öğesine vurgu rengi, tipografi ölçeği, yoğunluk, hareket ve tema ayarlamak için canlı kontrol paneli ekler. Değişiklikler anında CSS özel özelliklerine uygulanır ve localStorage'a kaydedilir. - 050
Twitter Paylaşım Kartı Bir gönderiyle eşleştirilmek üzere tasarlanmış Twitter alıntı veya veri kartı. - 051
Bekleme Listesi Sayfası E-posta toplama, marka logosu ve isteğe bağlı dekoratif katman içeren minimalist ön lansman açılış sayfası. DESIGN.md'den renkleri, tipoğrafiyi ve düzen kurallarını okur. Ürün lansmanları, beta kayıtları, erken erişim programları ve bağımsız projeler için idealdir. - 052
Web Prototipi Genel amaçlı masaüstü web prototipi. `assets/template.html` kopyalanıp `references/layouts.md` içindeki düzenler yapıştırılarak oluşturulan bağımsız HTML dosyası. Açılış, pazarlama, dokümantasyon veya SaaS sayfaları için varsayılan. - 053
Web Prototype Taste Brutalist İsviçre endüstriyel baskı tarzı web prototipi. Gazete kağıdı tuval, monolitik siyah grotesk yazı, viewport'tan taşan rakamlar, ince çizgi ızgara ayırıcılar, tehlike kırmızısı vurgu, ASCII sözdizimi dekorasyonu. Leonxlnx/taste-skill `brutalist-skill`'den damıtılmıştır (İsviçre endüstriyel baskı modu). - 054
Web Prototype Taste Editorial Editoryal-minimalist web prototipi. Sıcak monokrom tuval, serif başlık + grotesk gövde, 1px ince kenarlıklar, pastel tonlar, bol beyaz alan, ortam mikro-hareketi. - 055
Web Prototype Taste Soft Apple seviyesinde yumuşak web prototipi. Gümüş/krem tuval, çift çerçeveli kartlar, iç içe düğme CTA'lar, cömert squircle yarıçapları, yaylı hareket ve ortam mesh. Leonxlnx/taste-skill soft-skill ve 4–8 bölümlerine dayalı. - 056
Wireframe Taslak Elle çizilmiş wireframe: kareli kağıt arka plan, kalem/işaretleyici ton, çoklu sekme etiketleri, yapışkan not açıklamaları ve taslak grafik yer tutucular. Wireframe, sketch, lo-fi veya beyaz tahta talepleri için ideal. - 057
X / Twitter Gönderi Kartı Etkileşim metrikleriyle (beğeniler, yeniden paylaşımlar, görüntülenmeler) gerçekçi X gönderi kartı, video kaplamaları veya paylaşılabilir resim kartları için uygundur. - 058
X Research Piyasalar, şirketler, ürünler veya topluluklar hakkında X/Twitter kamuoyu duygu araştırması. Hisse senetleri, sektörler, şirketler, ürünler veya piyasa olayları hakkındaki kamuoyu, uzman gönderileri veya sosyal tepkileri anlamak için kullanın. - 059
Xiaohongshu Kartı Xiaohongshu tarzı bilgi kartları, kaydırılabilir çok kartlı döner galeri olarak düzenlenmiştir.