{"id":2135,"date":"2026-06-11T02:49:38","date_gmt":"2026-06-11T02:49:38","guid":{"rendered":"https:\/\/regarcommpromo.my.id\/?p=2135"},"modified":"2026-06-11T02:53:16","modified_gmt":"2026-06-11T02:53:16","slug":"struktur-system-prompt-spesifik-dalam-website-ai","status":"publish","type":"post","link":"https:\/\/regarcommpromo.my.id\/?p=2135","title":{"rendered":"Struktur System Prompt Spesifik Dalam Website AI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2135\" class=\"elementor elementor-2135\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-577618e e-flex e-con-boxed e-con e-parent\" data-id=\"577618e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c865dd elementor-widget elementor-widget-gallery\" data-id=\"5c865dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;columns&quot;:3,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-50-1.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"5c865dd\" data-elementor-lightbox-title=\"download (50)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjEzNCwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbXByb21vLm15LmlkXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wNlwvZG93bmxvYWQtNTAtMS5qcGciLCJzbGlkZXNob3ciOiI1Yzg2NWRkIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-50-1.jpg\" data-width=\"267\" data-height=\"189\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-48-1.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"5c865dd\" data-elementor-lightbox-title=\"download (48)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjEzMiwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbXByb21vLm15LmlkXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wNlwvZG93bmxvYWQtNDgtMS5qcGciLCJzbGlkZXNob3ciOiI1Yzg2NWRkIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-48-1.jpg\" data-width=\"225\" data-height=\"225\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-49-1.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"5c865dd\" data-elementor-lightbox-title=\"download (49)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjEzMywidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbXByb21vLm15LmlkXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wNlwvZG93bmxvYWQtNDktMS5qcGciLCJzbGlkZXNob3ciOiI1Yzg2NWRkIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-49-1.jpg\" data-width=\"286\" data-height=\"176\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bef374 e-flex e-con-boxed e-con e-parent\" data-id=\"8bef374\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23c3386 elementor-widget elementor-widget-text-editor\" data-id=\"23c3386\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"0\">Menyusun <i data-path-to-node=\"0\" data-index-in-node=\"9\">system prompt<\/i> yang spesifik dan ketat adalah kunci utama agar model LLM (seperti Gemini atau GPT) tidak &#8220;liar&#8221; dan konsisten menghasilkan kode HTML\/Tailwind yang siap pakai tanpa embel-embel teks penjelasan.<\/p><p data-path-to-node=\"1\">Dalam dunia kecerdasan buatan, teknik ini disebut <b data-path-to-node=\"1\" data-index-in-node=\"50\">Role-Based Few-Shot Prompting<\/b>. Kita memberikan peran spesifik, batasan yang kaku, aturan arsitektur kode, hingga contoh format yang diinginkan (<i data-path-to-node=\"1\" data-index-in-node=\"194\">output anchoring<\/i>).<\/p><p data-path-to-node=\"2\">Berikut adalah draf struktur <i data-path-to-node=\"2\" data-index-in-node=\"29\">System Prompt<\/i> tingkat lanjut (advanced) yang bisa langsung Anda tanam pada backend Python Anda:<\/p><h2 data-path-to-node=\"4\">Struktur <i data-path-to-node=\"4\" data-index-in-node=\"9\">System Prompt<\/i> Spesifik (Siap Pakai di Backend)<\/h2><p>Kamu adalah sistem AI otomatis bernama &#8220;UI-Gen Engine&#8221; yang bertindak sebagai Senior Front-End Developer dan Pakar UI\/UX. Tugas tunggalmu adalah mengubah deskripsi teks dari pengguna menjadi komponen web aktif yang estetik, modern, dan fungsional.<\/p><p>### ATURAN UTAMA:<br \/>1. HANYA hasilkan kode HTML murni. <br \/>2. JANGAN berikan kata pengantar, penjelasan, instruksi instalasi, atau penutup (seperti &#8220;Berikut adalah kodenya&#8230;&#8221;).<br \/>3. JANGAN membungkus kode dalam format markdown backticks (seperti &#8220;`html &#8230; &#8220;`). Output harus langsung dimulai dengan tag HTML yang sesuai.<\/p><p>### STANDAR TEKNIS KODE:<br \/>&#8211; Framework CSS: Gunakan Tailwind CSS versi terbaru melalui CDN resmi. Masukkan tag berikut di bagian paling atas komponen: &lt;script src=&#8221;https:\/\/cdn.tailwindcss.com&#8221;&gt;&lt;\/script&gt;<br \/>&#8211; Responsif: Gunakan utility class milik Tailwind untuk memastikan tampilan rapi di layar HP (sm:), Tablet (md:), dan Desktop (lg:).<br \/>&#8211; Interaktivitas dasar: Gunakan efek hover, transition, dan active pada tombol atau link agar komponen terasa hidup (aktif) saat berinteraksi dengan kursor pengguna.<br \/>&#8211; Font: Gunakan font modern standar web (seperti sans-serif atau inter).<br \/>&#8211; Kontras &amp; Warna: Pastikan kombinasi warna latar belakang dan teks memiliki kontras yang tinggi (aksesibel) dan mengikuti tren desain modern (clean, minimalis, atau elegan sesuai permintaan).<br \/>&#8211; Placeholder Gambar: Jika pengguna meminta gambar atau avatar, gunakan URL placeholder yang valid dan cepat dari layanan seperti `https:\/\/images.unsplash.com\/` atau `https:\/\/picsum.photos\/`.<\/p><pre>CONTOH OUTPUT YANG DIHARAPKAN:<br \/>Jika pengguna meminta: \"Tombol pendaftaran warna biru dengan efek hover\"<br \/>Maka output yang kamu berikan HARUS langsung seperti ini:<br \/>&lt;script src=\"https:\/\/cdn.tailwindcss.com\"&gt;&lt;\/script&gt;<br \/>&lt;button class=\"bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 px-6 rounded-lg transition duration-300 ease-in-out transform hover:-translate-y-0.5 active:scale-95 shadow-md\"&gt;<br \/>Daftar Sekarang<br \/>&lt;\/button&gt;<\/pre><h2 data-path-to-node=\"7\">Komponen Tambahan untuk Mengontrol Kualitas Desain<\/h2><p data-path-to-node=\"8\">Agar aplikasi Anda memiliki fitur yang lebih profesional, Anda bisa menambahkan beberapa parameter atau variabel dinamis ke dalam struktur prompt di atas sebelum dikirim ke API:<\/p><h3 data-path-to-node=\"9\">1. Menyisipkan Parameter Mode Gelap\/Terang (<i data-path-to-node=\"9\" data-index-in-node=\"44\">Theme Locking<\/i>)<\/h3><p data-path-to-node=\"10\">Anda bisa menambahkan opsi sakelar (toggle) di frontend aplikasi Anda yang mendikte tema global komponen. Di backend, Anda tinggal menyelipkan variabel tersebut ke dalam prompt:<\/p><p data-path-to-node=\"10\">theme_instruction = &#8220;Gunakan skema warna Dark Mode (latar belakang gelap, teks terang).&#8221; if user_selects_dark else &#8220;Gunakan skema warna Light Mode.&#8221;<\/p><h3 data-path-to-node=\"12\">2. Mengatasi Komponen yang Butuh JavaScript (Interaktivitas Kompleks)<\/h3><p data-path-to-node=\"13\">Untuk komponen aktif seperti <i data-path-to-node=\"13\" data-index-in-node=\"29\">Dropdown<\/i>, <i data-path-to-node=\"13\" data-index-in-node=\"39\">Mobile Menu (Hamburger)<\/i>, atau <i data-path-to-node=\"13\" data-index-in-node=\"69\">Modal<\/i> (pop-up), Tailwind saja tidak cukup karena membutuhkan logika klik.<\/p><ul data-path-to-node=\"14\"><li><p data-path-to-node=\"14,0,0\"><b data-path-to-node=\"14,0,0\" data-index-in-node=\"0\">Solusinya:<\/b> Izinkan AI untuk menyisipkan vanilla JavaScript sederhana di dalam tag <code data-path-to-node=\"14,0,0\" data-index-in-node=\"82\">&lt;script&gt;<\/code> di bagian bawah kode HTML yang dihasilkannya.<\/p><\/li><li><p data-path-to-node=\"14,1,0\"><b data-path-to-node=\"14,1,0\" data-index-in-node=\"0\">Tambahan aturan pada prompt:<\/b> &gt; <i data-path-to-node=\"14,1,0\" data-index-in-node=\"31\">&#8220;Jika komponen membutuhkan interaktivitas (seperti membuka modal atau menu hamburger), gunakan Vanilla JavaScript langsung di dalam tag <code data-path-to-node=\"14,1,0\" data-index-in-node=\"167\">&lt;script&gt;<\/code> di akhir dokumen untuk memanipulasi kelas CSS (misal: toggle class &#8216;hidden&#8217;).&#8221;<\/i><\/p><\/li><\/ul><h3 data-path-to-node=\"15\">3. Mengontrol Kreativitas AI (<i data-path-to-node=\"15\" data-index-in-node=\"30\">Temperature Setting<\/i>)<\/h3><p data-path-to-node=\"16\">Saat melakukan panggilan API pada pustaka Python Anda, pastikan nilai parameter <code data-path-to-node=\"16\" data-index-in-node=\"80\">temperature<\/code> diatur ke angka yang rendah, sekitar <b data-path-to-node=\"16\" data-index-in-node=\"129\"><code data-path-to-node=\"16\" data-index-in-node=\"129\">0.1<\/code> atau <code data-path-to-node=\"16\" data-index-in-node=\"138\">0.2<\/code><\/b>.<\/p><ul data-path-to-node=\"17\"><li><p data-path-to-node=\"17,0,0\"><b data-path-to-node=\"17,0,0\" data-index-in-node=\"0\">Mengapa?<\/b> Semakin tinggi nilai <i data-path-to-node=\"17,0,0\" data-index-in-node=\"30\">temperature<\/i>, AI akan semakin kreatif namun rentan melanggar aturan format (seperti nekat memberikan teks basa-basi). Nilai yang rendah membuat AI sangat patuh pada instruksi struktur kode dan format yang sudah Anda tentukan.<\/p><\/li><\/ul><p data-path-to-node=\"19\">Dengan struktur prompt yang ketat seperti ini, frontend aplikasi Anda akan menerima data string kode yang bersih dan stabil, sehingga siap untuk langsung dimasukkan ke dalam komponen <code data-path-to-node=\"19\" data-index-in-node=\"183\">&lt;iframe&gt;<\/code> render tanpa perlu melakukan proses pembersihan teks (<i data-path-to-node=\"19\" data-index-in-node=\"246\">string parsing<\/i>) yang rumit di sisi pemrograman.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Menyusun system prompt yang spesifik dan ketat adalah kunci utama agar model LLM (seperti Gemini atau GPT) tidak &#8220;liar&#8221; dan konsisten menghasilkan kode HTML\/Tailwind yang siap pakai tanpa embel-embel teks penjelasan. Dalam dunia kecerdasan buatan, teknik ini disebut Role-Based Few-Shot Prompting. Kita memberikan peran spesifik, batasan yang kaku, aturan arsitektur kode, hingga contoh format yang [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2132,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[14],"tags":[],"class_list":["post-2135","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Struktur System Prompt Spesifik Dalam Website AI - Regarcommpromo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/regarcommpromo.my.id\/?p=2135\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Struktur System Prompt Spesifik Dalam Website AI - Regarcommpromo\" \/>\n<meta property=\"og:description\" content=\"Menyusun system prompt yang spesifik dan ketat adalah kunci utama agar model LLM (seperti Gemini atau GPT) tidak &#8220;liar&#8221; dan konsisten menghasilkan kode HTML\/Tailwind yang siap pakai tanpa embel-embel teks penjelasan. Dalam dunia kecerdasan buatan, teknik ini disebut Role-Based Few-Shot Prompting. Kita memberikan peran spesifik, batasan yang kaku, aturan arsitektur kode, hingga contoh format yang [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/regarcommpromo.my.id\/?p=2135\" \/>\n<meta property=\"og:site_name\" content=\"Regarcommpromo\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-11T02:49:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T02:53:16+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-48-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"225\" \/>\n\t<meta property=\"og:image:height\" content=\"225\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ewin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ewin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135\"},\"author\":{\"name\":\"Ewin\",\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/#\\\/schema\\\/person\\\/099304dc4a8606be0425ecacc7bd5a02\"},\"headline\":\"Struktur System Prompt Spesifik Dalam Website AI\",\"datePublished\":\"2026-06-11T02:49:38+00:00\",\"dateModified\":\"2026-06-11T02:53:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135\"},\"wordCount\":569,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/regarcommpromo.my.id\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/download-48-1.jpg\",\"articleSection\":[\"Tech\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135\",\"url\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135\",\"name\":\"Struktur System Prompt Spesifik Dalam Website AI - Regarcommpromo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/regarcommpromo.my.id\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/download-48-1.jpg\",\"datePublished\":\"2026-06-11T02:49:38+00:00\",\"dateModified\":\"2026-06-11T02:53:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135#primaryimage\",\"url\":\"https:\\\/\\\/regarcommpromo.my.id\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/download-48-1.jpg\",\"contentUrl\":\"https:\\\/\\\/regarcommpromo.my.id\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/download-48-1.jpg\",\"width\":225,\"height\":225},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?p=2135#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/regarcommpromo.my.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Struktur System Prompt Spesifik Dalam Website AI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/#website\",\"url\":\"https:\\\/\\\/regarcommpromo.my.id\\\/\",\"name\":\"Regarcommpromo\",\"description\":\"Berita Online Untuk Anda\",\"publisher\":{\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/#organization\",\"name\":\"Regarcommpromo\",\"url\":\"https:\\\/\\\/regarcommpromo.my.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/regarcommpromo.my.id\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-Logo-Regarcommpromo.jpg\",\"contentUrl\":\"https:\\\/\\\/regarcommpromo.my.id\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-Logo-Regarcommpromo.jpg\",\"width\":90,\"height\":90,\"caption\":\"Regarcommpromo\"},\"image\":{\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/regarcommpromo.my.id\\\/#\\\/schema\\\/person\\\/099304dc4a8606be0425ecacc7bd5a02\",\"name\":\"Ewin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b0f04860a2b6c5580bc6a67662bf8d14d232f118a3a016552e0d75b4b36c91d3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b0f04860a2b6c5580bc6a67662bf8d14d232f118a3a016552e0d75b4b36c91d3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b0f04860a2b6c5580bc6a67662bf8d14d232f118a3a016552e0d75b4b36c91d3?s=96&d=mm&r=g\",\"caption\":\"Ewin\"},\"sameAs\":[\"http:\\\/\\\/localhost\\\/regarcommpromo\"],\"url\":\"https:\\\/\\\/regarcommpromo.my.id\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Struktur System Prompt Spesifik Dalam Website AI - Regarcommpromo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/regarcommpromo.my.id\/?p=2135","og_locale":"id_ID","og_type":"article","og_title":"Struktur System Prompt Spesifik Dalam Website AI - Regarcommpromo","og_description":"Menyusun system prompt yang spesifik dan ketat adalah kunci utama agar model LLM (seperti Gemini atau GPT) tidak &#8220;liar&#8221; dan konsisten menghasilkan kode HTML\/Tailwind yang siap pakai tanpa embel-embel teks penjelasan. Dalam dunia kecerdasan buatan, teknik ini disebut Role-Based Few-Shot Prompting. Kita memberikan peran spesifik, batasan yang kaku, aturan arsitektur kode, hingga contoh format yang [&hellip;]","og_url":"https:\/\/regarcommpromo.my.id\/?p=2135","og_site_name":"Regarcommpromo","article_published_time":"2026-06-11T02:49:38+00:00","article_modified_time":"2026-06-11T02:53:16+00:00","og_image":[{"width":225,"height":225,"url":"http:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-48-1.jpg","type":"image\/jpeg"}],"author":"Ewin","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Ewin","Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/regarcommpromo.my.id\/?p=2135#article","isPartOf":{"@id":"https:\/\/regarcommpromo.my.id\/?p=2135"},"author":{"name":"Ewin","@id":"https:\/\/regarcommpromo.my.id\/#\/schema\/person\/099304dc4a8606be0425ecacc7bd5a02"},"headline":"Struktur System Prompt Spesifik Dalam Website AI","datePublished":"2026-06-11T02:49:38+00:00","dateModified":"2026-06-11T02:53:16+00:00","mainEntityOfPage":{"@id":"https:\/\/regarcommpromo.my.id\/?p=2135"},"wordCount":569,"commentCount":0,"publisher":{"@id":"https:\/\/regarcommpromo.my.id\/#organization"},"image":{"@id":"https:\/\/regarcommpromo.my.id\/?p=2135#primaryimage"},"thumbnailUrl":"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-48-1.jpg","articleSection":["Tech"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/regarcommpromo.my.id\/?p=2135#respond"]}]},{"@type":"WebPage","@id":"https:\/\/regarcommpromo.my.id\/?p=2135","url":"https:\/\/regarcommpromo.my.id\/?p=2135","name":"Struktur System Prompt Spesifik Dalam Website AI - Regarcommpromo","isPartOf":{"@id":"https:\/\/regarcommpromo.my.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/regarcommpromo.my.id\/?p=2135#primaryimage"},"image":{"@id":"https:\/\/regarcommpromo.my.id\/?p=2135#primaryimage"},"thumbnailUrl":"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-48-1.jpg","datePublished":"2026-06-11T02:49:38+00:00","dateModified":"2026-06-11T02:53:16+00:00","breadcrumb":{"@id":"https:\/\/regarcommpromo.my.id\/?p=2135#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/regarcommpromo.my.id\/?p=2135"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcommpromo.my.id\/?p=2135#primaryimage","url":"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-48-1.jpg","contentUrl":"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-48-1.jpg","width":225,"height":225},{"@type":"BreadcrumbList","@id":"https:\/\/regarcommpromo.my.id\/?p=2135#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/regarcommpromo.my.id\/"},{"@type":"ListItem","position":2,"name":"Struktur System Prompt Spesifik Dalam Website AI"}]},{"@type":"WebSite","@id":"https:\/\/regarcommpromo.my.id\/#website","url":"https:\/\/regarcommpromo.my.id\/","name":"Regarcommpromo","description":"Berita Online Untuk Anda","publisher":{"@id":"https:\/\/regarcommpromo.my.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/regarcommpromo.my.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/regarcommpromo.my.id\/#organization","name":"Regarcommpromo","url":"https:\/\/regarcommpromo.my.id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcommpromo.my.id\/#\/schema\/logo\/image\/","url":"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/04\/cropped-Logo-Regarcommpromo.jpg","contentUrl":"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/04\/cropped-Logo-Regarcommpromo.jpg","width":90,"height":90,"caption":"Regarcommpromo"},"image":{"@id":"https:\/\/regarcommpromo.my.id\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/regarcommpromo.my.id\/#\/schema\/person\/099304dc4a8606be0425ecacc7bd5a02","name":"Ewin","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/secure.gravatar.com\/avatar\/b0f04860a2b6c5580bc6a67662bf8d14d232f118a3a016552e0d75b4b36c91d3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b0f04860a2b6c5580bc6a67662bf8d14d232f118a3a016552e0d75b4b36c91d3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b0f04860a2b6c5580bc6a67662bf8d14d232f118a3a016552e0d75b4b36c91d3?s=96&d=mm&r=g","caption":"Ewin"},"sameAs":["http:\/\/localhost\/regarcommpromo"],"url":"https:\/\/regarcommpromo.my.id\/?author=1"}]}},"jetpack_featured_media_url":"https:\/\/regarcommpromo.my.id\/wp-content\/uploads\/2026\/06\/download-48-1.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/regarcommpromo.my.id\/index.php?rest_route=\/wp\/v2\/posts\/2135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/regarcommpromo.my.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/regarcommpromo.my.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/regarcommpromo.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/regarcommpromo.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2135"}],"version-history":[{"count":4,"href":"https:\/\/regarcommpromo.my.id\/index.php?rest_route=\/wp\/v2\/posts\/2135\/revisions"}],"predecessor-version":[{"id":2139,"href":"https:\/\/regarcommpromo.my.id\/index.php?rest_route=\/wp\/v2\/posts\/2135\/revisions\/2139"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/regarcommpromo.my.id\/index.php?rest_route=\/wp\/v2\/media\/2132"}],"wp:attachment":[{"href":"https:\/\/regarcommpromo.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regarcommpromo.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regarcommpromo.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}