{"id":372,"date":"2026-07-27T08:38:14","date_gmt":"2026-07-27T08:38:14","guid":{"rendered":"https:\/\/x3ai.net\/?page_id=372"},"modified":"2026-08-24T10:12:36","modified_gmt":"2026-08-24T10:12:36","slug":"ai-prompt-hub","status":"publish","type":"page","link":"https:\/\/x3ai.net\/de\/ai-prompt-hub\/","title":{"rendered":"AI Prompt Hub"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-style-ext-preset--group--natural-1--section ext-animate--on has-background-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-8870cb56 wp-block-group-is-layout-constrained is-style-ext-preset--group--natural-1--section--1\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)\">\n<h2 class=\"wp-block-heading has-text-align-center ext-animate--on\">Build Better Prompts. Get Better Results.<\/h2>\n\n\n\n<p class=\"has-text-align-center ext-animate--on wp-block-paragraph\" style=\"margin-top:1.5rem\">Learn the principles behind effective AI prompting, apply proven prompt structures, and progress from simple everyday requests to structured professional workflows.<\/p>\n\n\n\n<div class=\"wp-block-columns alignwide ext-animate--on is-layout-flex wp-container-core-columns-is-layout-a30e3532 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-stretch ext-animate--on is-layout-flow wp-container-core-column-is-layout-ac3d6d5c wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-style-ext-preset--group--natural-1--item-card-1--align-center ext-animate--on has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-ext-preset--group--natural-1--item-card-1--align-center--2\">\n<div class=\"wp-block-group is-style-default ext-animate--on has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image aligncenter size-large ext-aspect-landscape ext-animate--on wp-duotone-primary-foreground\"><img decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNzIsNzZhNDQsNDQsMCwxLDAtNDQsNDRBNDQuMDUsNDQuMDUsMCwwLDAsMTcyLDc2Wm0tNDQsMjhhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDEwNFptNjAsMjRhNDQsNDQsMCwxLDAsNDQsNDRBNDQuMDUsNDQuMDUsMCwwLDAsMTg4LDEyOFptMCw3MmEyOCwyOCwwLDEsMSwyOC0yOEEyOCwyOCwwLDAsMSwxODgsMjAwWk02OCwxMjhhNDQsNDQsMCwxLDAsNDQsNDRBNDQuMDUsNDQuMDUsMCwwLDAsNjgsMTI4Wm0wLDcyYTI4LDI4LDAsMSwxLDI4LTI4QTI4LDI4LDAsMCwxLDY4LDIwMFoiPjwvcGF0aD48L3N2Zz4=\" alt=\"\" style=\"object-fit:cover\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center ext-animate--on\">Understand Prompt Structure<\/h3>\n\n\n\n<p class=\"has-text-align-center ext-animate--on wp-block-paragraph\">Learn how strong prompts combine a clear goal, relevant context, specific instructions, constraints, and the desired output format.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-stretch ext-animate--on is-layout-flow wp-container-core-column-is-layout-ac3d6d5c wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-style-ext-preset--group--natural-1--item-card-1--align-center ext-animate--on has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-ext-preset--group--natural-1--item-card-1--align-center--3\">\n<div class=\"wp-block-group is-style-default ext-animate--on has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image aligncenter size-large ext-aspect-landscape ext-animate--on wp-duotone-primary-foreground\"><img decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04MCw0MGE0MCw0MCwwLDEsMCw0MCw0MEE0MCw0MCwwLDAsMCw4MCw0MFptMCw2NGEyNCwyNCwwLDEsMSwyNC0yNEEyNCwyNCwwLDAsMSw4MCwxMDRabTk2LDE2YTQwLDQwLDAsMSwwLTQwLTQwQTQwLDQwLDAsMCwwLDE3NiwxMjBabTAtNjRhMjQsMjQsMCwxLDEtMjQsMjRBMjQsMjQsMCwwLDEsMTc2LDU2Wk04MCwxMzZhNDAsNDAsMCwxLDAsNDAsNDBBNDAsNDAsMCwwLDAsODAsMTM2Wm0wLDY0YTI0LDI0LDAsMSwxLDI0LTI0QTI0LDI0LDAsMCwxLDgwLDIwMFptOTYtNjRhNDAsNDAsMCwxLDAsNDAsNDBBNDAsNDAsMCwwLDAsMTc2LDEzNlptMCw2NGEyNCwyNCwwLDEsMSwyNC0yNEEyNCwyNCwwLDAsMSwxNzYsMjAwWiI+PC9wYXRoPjwvc3ZnPg==\" alt=\"\" style=\"object-fit:cover\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center ext-animate--on\">Apply Practical Prompt Templates<\/h3>\n\n\n\n<p class=\"has-text-align-center ext-animate--on wp-block-paragraph\">Explore ready-to-use prompts for writing, research, analysis, productivity, marketing, business tasks, and more. Customize each template to fit your objective.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-stretch ext-animate--on is-layout-flow wp-container-core-column-is-layout-ac3d6d5c wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-style-ext-preset--group--natural-1--item-card-1--align-center ext-animate--on has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-ext-preset--group--natural-1--item-card-1--align-center--4\">\n<div class=\"wp-block-group is-style-default ext-animate--on has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image aligncenter size-large ext-aspect-landscape ext-animate--on wp-duotone-primary-foreground\"><img decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04MCw0MGE0MCw0MCwwLDEsMCw0MCw0MEE0MCw0MCwwLDAsMCw4MCw0MFptMCw2NGEyNCwyNCwwLDEsMSwyNC0yNEEyNCwyNCwwLDAsMSw4MCwxMDRabTk2LDE2YTQwLDQwLDAsMSwwLTQwLTQwQTQwLDQwLDAsMCwwLDE3NiwxMjBabTAtNjRhMjQsMjQsMCwxLDEtMjQsMjRBMjQsMjQsMCwwLDEsMTc2LDU2Wk04MCwxMzZhNDAsNDAsMCwxLDAsNDAsNDBBNDAsNDAsMCwwLDAsODAsMTM2Wm0wLDY0YTI0LDI0LDAsMSwxLDI0LTI0QTI0LDI0LDAsMCwxLDgwLDIwMFptMTM2LTI0YTgsOCwwLDAsMS04LDhIMTg0djI0YTgsOCwwLDAsMS0xNiwwVjE4NEgxNDRhOCw4LDAsMCwxLDAtMTZoMjRWMTQ0YTgsOCwwLDAsMSwxNiwwdjI0aDI0QTgsOCwwLDAsMSwyMTYsMTc2WiI+PC9wYXRoPjwvc3ZnPg==\" alt=\"\" style=\"object-fit:cover\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center ext-animate--on\">Build Professional AI Workflows<\/h3>\n\n\n\n<p class=\"has-text-align-center ext-animate--on wp-block-paragraph\">Move beyond single prompts. Learn how to structure multi-step AI workflows for research, analysis, decision support, content creation, and business processes.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- =========================================================\n     X3AI AI PROMPT HUB\n     Corporate WordPress \/ Elementor HTML Widget\n     Visual system matched to X3AI AI Tools Directory\n========================================================= -->\n\n<div id=\"x3ai-prompt-hub\" class=\"xph-app\">\n\n  <!-- ========================= SIDEBAR ========================= -->\n  <aside class=\"xph-sidebar\">\n\n    <div class=\"xph-sidebar-top\">\n      <div class=\"xph-small-title\">AI PROMPT HUB<\/div>\n      <h2>Prompting<\/h2>\n      <p>Find the right prompt quickly, learn why it works, and build better AI instructions from beginner to professional level.<\/p>\n    <\/div>\n\n    <nav class=\"xph-side-nav\" aria-label=\"Prompt Hub navigation\">\n\n      <button class=\"xph-side-item active\" data-view=\"overview\">\n        <span class=\"xph-side-icon\">\u2726<\/span>\n        <span>Overview<\/span>\n      <\/button>\n\n      <div class=\"xph-side-label\">LEARN<\/div>\n\n      <button class=\"xph-side-item\" data-view=\"level\" data-level=\"Beginner\">\n        <span class=\"xph-side-index\">01<\/span>\n        <span>Prompt Essentials<\/span>\n      <\/button>\n\n      <button class=\"xph-side-item\" data-view=\"level\" data-level=\"Intermediate\">\n        <span class=\"xph-side-index\">02<\/span>\n        <span>Practical Prompting<\/span>\n      <\/button>\n\n      <button class=\"xph-side-item\" data-view=\"level\" data-level=\"Advanced\">\n        <span class=\"xph-side-index\">03<\/span>\n        <span>Advanced Prompting<\/span>\n      <\/button>\n\n      <button class=\"xph-side-item\" data-view=\"level\" data-level=\"Professional\">\n        <span class=\"xph-side-index\">04<\/span>\n        <span>Professional Workflows<\/span>\n      <\/button>\n\n      <div class=\"xph-side-label\">EXPLORE<\/div>\n\n      <button class=\"xph-side-item\" data-view=\"category\" data-category=\"Business\">\n        <span class=\"xph-side-icon\">\u25a6<\/span>\n        <span>Business<\/span>\n      <\/button>\n\n      <button class=\"xph-side-item\" data-view=\"category\" data-category=\"Marketing\">\n        <span class=\"xph-side-icon\">\u25c7<\/span>\n        <span>Marketing<\/span>\n      <\/button>\n\n      <button class=\"xph-side-item\" data-view=\"category\" data-category=\"Writing\">\n        <span class=\"xph-side-icon\">\u2261<\/span>\n        <span>Writing<\/span>\n      <\/button>\n\n      <button class=\"xph-side-item\" data-view=\"category\" data-category=\"Research\">\n        <span class=\"xph-side-icon\">\u2315<\/span>\n        <span>Research<\/span>\n      <\/button>\n\n      <button class=\"xph-side-item\" data-view=\"category\" data-category=\"Data\">\n        <span class=\"xph-side-icon\">\u25a4<\/span>\n        <span>Data &amp; Analysis<\/span>\n      <\/button>\n\n      <button class=\"xph-side-item\" data-view=\"category\" data-category=\"Productivity\">\n        <span class=\"xph-side-icon\">\u2713<\/span>\n        <span>Productivity<\/span>\n      <\/button>\n\n      <button class=\"xph-side-item\" data-view=\"category\" data-category=\"Sales\">\n        <span class=\"xph-side-icon\">\u2197<\/span>\n        <span>Sales<\/span>\n      <\/button>\n\n      <button class=\"xph-side-item\" data-view=\"category\" data-category=\"HR\">\n        <span class=\"xph-side-icon\">\u25ce<\/span>\n        <span>HR &amp; People<\/span>\n      <\/button>\n\n      <button class=\"xph-side-item\" data-view=\"category\" data-category=\"Development\">\n        <span class=\"xph-side-icon\">&lt;\/&gt;<\/span>\n        <span>Development<\/span>\n      <\/button>\n\n      <button class=\"xph-side-item xph-side-item-featured\" data-view=\"category\" data-category=\"Procurement\">\n        <span class=\"xph-side-icon\">\u25a3<\/span>\n        <span>Procurement<\/span>\n      <\/button>\n\n      <div class=\"xph-side-label\">QUICK ACCESS<\/div>\n\n      <a class=\"xph-side-link\" href=\"#xph-prompt-library\">\n        <span class=\"xph-side-icon\">\u2315<\/span>\n        <span>Prompt Library<\/span>\n      <\/a>\n\n      <a class=\"xph-side-link\" href=\"#xph-builder\">\n        <span class=\"xph-side-icon\">\uff0b<\/span>\n        <span>Prompt Builder<\/span>\n      <\/a>\n\n      <a class=\"xph-side-link\" href=\"#xph-checklist\">\n        <span class=\"xph-side-icon\">\u2713<\/span>\n        <span>Prompt Checklist<\/span>\n      <\/a>\n\n      <a class=\"xph-side-link\" href=\"#xph-responsible\">\n        <span class=\"xph-side-icon\">\u25c7<\/span>\n        <span>Responsible AI<\/span>\n      <\/a>\n\n    <\/nav>\n\n    <div class=\"xph-sidebar-box\">\n      <div class=\"xph-sidebar-box-icon\">\u2726<\/div>\n      <div>\n        <strong>Prompt formula<\/strong>\n        <p>Goal + Context + Task + Constraints + Output<\/p>\n      <\/div>\n    <\/div>\n\n  <\/aside>\n\n\n  <!-- ========================= MAIN ========================= -->\n  <main class=\"xph-main\">\n\n    <!-- HERO -->\n    <header class=\"xph-main-header\" id=\"xph-overview\">\n      <div class=\"xph-eyebrow\">LEARN \u2022 PRACTICE \u2022 BUILD \u2022 MASTER<\/div>\n\n      <h1>Build Better <span>AI Prompts<\/span><\/h1>\n\n      <p>\n        Find practical prompts faster, understand why they work, and adapt them to your own task.\n        Explore 74 reusable templates from beginner fundamentals to executive procurement workflows.\n      <\/p>\n\n      <div class=\"xph-toolbar\">\n        <div class=\"xph-search\">\n          <span>\u2315<\/span>\n          <input id=\"xph-search-input\" type=\"text\" placeholder=\"Search by task, topic, role or workflow...\" autocomplete=\"off\">\n          <button id=\"xph-clear-search\" type=\"button\" aria-label=\"Clear search\">\u00d7<\/button>\n        <\/div>\n\n        <select id=\"xph-level-select\" aria-label=\"Filter by prompt level\">\n          <option value=\"All\">All levels<\/option>\n          <option value=\"Beginner\">Beginner<\/option>\n          <option value=\"Intermediate\">Intermediate<\/option>\n          <option value=\"Advanced\">Advanced<\/option>\n          <option value=\"Professional\">Professional<\/option>\n        <\/select>\n\n        <select id=\"xph-sort-select\" aria-label=\"Sort prompts\">\n          <option value=\"recommended\">Recommended<\/option>\n          <option value=\"az\">A\u2013Z<\/option>\n          <option value=\"level\">By level<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"xph-quick-actions\" aria-label=\"Quick access\">\n        <button type=\"button\" class=\"xph-quick-card\" data-quick=\"all\">\n          <span class=\"xph-quick-icon\">\u2315<\/span>\n          <span><strong>Browse all prompts<\/strong><small>74 templates across 10 categories<\/small><\/span>\n          <b>\u2192<\/b>\n        <\/button>\n\n        <button type=\"button\" class=\"xph-quick-card xph-quick-card-featured\" data-quick=\"procurement\">\n          <span class=\"xph-quick-icon\">CPO<\/span>\n          <span><strong>Procurement Playbook<\/strong><small>50 professional prompts for CPOs<\/small><\/span>\n          <b>\u2192<\/b>\n        <\/button>\n\n        <a class=\"xph-quick-card\" href=\"#xph-builder\">\n          <span class=\"xph-quick-icon\">\uff0b<\/span>\n          <span><strong>Build a prompt<\/strong><small>Create a structured prompt in seconds<\/small><\/span>\n          <b>\u2192<\/b>\n        <\/a>\n\n        <a class=\"xph-quick-card\" href=\"#xph-framework-section\">\n          <span class=\"xph-quick-icon\">01<\/span>\n          <span><strong>Learn prompting<\/strong><small>Start with the five building blocks<\/small><\/span>\n          <b>\u2192<\/b>\n        <\/a>\n      <\/div>\n    <\/header>\n\n\n    <!-- PROMPT FRAMEWORK -->\n    <section class=\"xph-section\" id=\"xph-framework-section\">\n\n      <div class=\"xph-section-heading\">\n        <div>\n          <span class=\"xph-section-label\">PROMPTING FUNDAMENTALS<\/span>\n          <h2>The anatomy of a strong prompt<\/h2>\n        <\/div>\n        <span class=\"xph-section-note\">5 BUILDING BLOCKS<\/span>\n      <\/div>\n\n      <div class=\"xph-framework-grid\">\n\n        <article class=\"xph-framework-card\">\n          <div class=\"xph-framework-top\">\n            <span>01<\/span>\n            <div class=\"xph-framework-letter\">G<\/div>\n          <\/div>\n          <h3>Goal<\/h3>\n          <p>Define the result you want the AI to help you achieve.<\/p>\n          <small>\u201cPrepare a project update.\u201d<\/small>\n        <\/article>\n\n        <article class=\"xph-framework-card\">\n          <div class=\"xph-framework-top\">\n            <span>02<\/span>\n            <div class=\"xph-framework-letter\">C<\/div>\n          <\/div>\n          <h3>Context<\/h3>\n          <p>Provide the background information that affects the answer.<\/p>\n          <small>\u201cThe audience is senior management.\u201d<\/small>\n        <\/article>\n\n        <article class=\"xph-framework-card\">\n          <div class=\"xph-framework-top\">\n            <span>03<\/span>\n            <div class=\"xph-framework-letter\">T<\/div>\n          <\/div>\n          <h3>Task<\/h3>\n          <p>State exactly what you want the AI to do with the information.<\/p>\n          <small>\u201cSummarize these meeting notes.\u201d<\/small>\n        <\/article>\n\n        <article class=\"xph-framework-card\">\n          <div class=\"xph-framework-top\">\n            <span>04<\/span>\n            <div class=\"xph-framework-letter\">C<\/div>\n          <\/div>\n          <h3>Constraints<\/h3>\n          <p>Set important limits, requirements, rules or things to avoid.<\/p>\n          <small>\u201cMaximum 150 words. Avoid jargon.\u201d<\/small>\n        <\/article>\n\n        <article class=\"xph-framework-card\">\n          <div class=\"xph-framework-top\">\n            <span>05<\/span>\n            <div class=\"xph-framework-letter\">O<\/div>\n          <\/div>\n          <h3>Output<\/h3>\n          <p>Specify how the final answer should be structured and presented.<\/p>\n          <small>\u201cUse headings and bullet points.\u201d<\/small>\n        <\/article>\n\n      <\/div>\n\n      <div class=\"xph-formula-strip\">\n        <div>\n          <span>GOAL<\/span><b>+<\/b><span>CONTEXT<\/span><b>+<\/b><span>TASK<\/span><b>+<\/b><span>CONSTRAINTS<\/span><b>+<\/b><span>OUTPUT<\/span>\n        <\/div>\n        <strong>= CLEARER AI INSTRUCTIONS<\/strong>\n      <\/div>\n\n    <\/section>\n\n\n    <!-- LEARNING LEVELS -->\n    <section class=\"xph-section\" id=\"xph-levels-section\">\n\n      <div class=\"xph-section-heading\">\n        <div>\n          <span class=\"xph-section-label\">LEARNING PATH<\/span>\n          <h2>Choose your level<\/h2>\n        <\/div>\n        <a href=\"#xph-prompt-library\" class=\"xph-view-all\">View all prompts \u2192<\/a>\n      <\/div>\n\n      <div class=\"xph-level-grid\">\n\n        <button class=\"xph-level-card\" data-level-card=\"Beginner\">\n          <div class=\"xph-level-number\">01<\/div>\n          <span class=\"xph-level-badge\">BEGINNER<\/span>\n          <h3>Prompt Essentials<\/h3>\n          <p>Learn the fundamentals of clear instructions, context and output formatting.<\/p>\n          <div class=\"xph-level-footer\">\n            <span>Start here<\/span>\n            <span>\u2192<\/span>\n          <\/div>\n        <\/button>\n\n        <button class=\"xph-level-card\" data-level-card=\"Intermediate\">\n          <div class=\"xph-level-number\">02<\/div>\n          <span class=\"xph-level-badge\">INTERMEDIATE<\/span>\n          <h3>Practical Prompting<\/h3>\n          <p>Use AI for writing, research, meetings, planning and everyday business tasks.<\/p>\n          <div class=\"xph-level-footer\">\n            <span>Build confidence<\/span>\n            <span>\u2192<\/span>\n          <\/div>\n        <\/button>\n\n        <button class=\"xph-level-card\" data-level-card=\"Advanced\">\n          <div class=\"xph-level-number\">03<\/div>\n          <span class=\"xph-level-badge\">ADVANCED<\/span>\n          <h3>Advanced Prompting<\/h3>\n          <p>Structure complex tasks with criteria, stages, assumptions and review logic.<\/p>\n          <div class=\"xph-level-footer\">\n            <span>Go deeper<\/span>\n            <span>\u2192<\/span>\n          <\/div>\n        <\/button>\n\n        <button class=\"xph-level-card\" data-level-card=\"Professional\">\n          <div class=\"xph-level-number\">04<\/div>\n          <span class=\"xph-level-badge\">PROFESSIONAL<\/span>\n          <h3>AI Workflows<\/h3>\n          <p>Combine prompts into repeatable workflows for analysis, decisions and reporting.<\/p>\n          <div class=\"xph-level-footer\">\n            <span>Work professionally<\/span>\n            <span>\u2192<\/span>\n          <\/div>\n        <\/button>\n\n      <\/div>\n\n    <\/section>\n\n\n    <!-- PROMPT LIBRARY -->\n    <section class=\"xph-section\" id=\"xph-prompt-library\">\n\n      <div class=\"xph-section-heading\">\n        <div>\n          <span class=\"xph-section-label\">PROMPT LIBRARY<\/span>\n          <h2>Explore prompt templates<\/h2>\n        <\/div>\n\n        <div class=\"xph-results\">\n          <span id=\"xph-result-count\">74<\/span> prompts\n        <\/div>\n      <\/div>\n\n\n      <div class=\"xph-collection-card\" id=\"xph-cpo-playbook\">\n        <div class=\"xph-collection-mark\">CPO<\/div>\n        <div class=\"xph-collection-content\">\n          <div class=\"xph-collection-meta\">\n            <span>EXECUTIVE AI PLAYBOOK<\/span>\n            <span>50 PROFESSIONAL PROMPTS<\/span>\n          <\/div>\n          <h3>The First 50 Procurement Prompts Every CPO Should Know<\/h3>\n          <p>\n            A focused executive collection for procurement leaders covering savings, sourcing,\n            supplier risk, contracts, ESG, negotiation, digital transformation and strategic planning.\n          <\/p>\n          <div class=\"xph-collection-topics\" aria-label=\"Procurement prompt topics\">\n            <span>Spend &amp; Savings<\/span>\n            <span>Supplier Risk<\/span>\n            <span>Sourcing<\/span>\n            <span>Contracts<\/span>\n            <span>ESG<\/span>\n            <span>Strategy<\/span>\n          <\/div>\n        <\/div>\n        <button type=\"button\" class=\"xph-collection-action\" id=\"xph-open-cpo\">\n          Explore collection <span>\u2192<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"xph-category-tabs\" id=\"xph-category-tabs\">\n        <button class=\"xph-category active\" data-category=\"All\">All<\/button>\n        <button class=\"xph-category\" data-category=\"Business\">Business<\/button>\n        <button class=\"xph-category\" data-category=\"Writing\">Writing<\/button>\n        <button class=\"xph-category\" data-category=\"Marketing\">Marketing<\/button>\n        <button class=\"xph-category\" data-category=\"Research\">Research<\/button>\n        <button class=\"xph-category\" data-category=\"Productivity\">Productivity<\/button>\n        <button class=\"xph-category\" data-category=\"Data\">Data &amp; Analysis<\/button>\n        <button class=\"xph-category\" data-category=\"Sales\">Sales<\/button>\n        <button class=\"xph-category\" data-category=\"HR\">HR<\/button>\n        <button class=\"xph-category\" data-category=\"Development\">Development<\/button>\n        <button class=\"xph-category\" data-category=\"Procurement\">Procurement<\/button>\n      <\/div>\n\n      <div class=\"xph-library-status\" aria-live=\"polite\">\n        <div>\n          <strong id=\"xph-filter-summary\">Showing all prompts<\/strong>\n          <span id=\"xph-showing-count\">Showing 12 of 74<\/span>\n        <\/div>\n        <button id=\"xph-clear-all\" type=\"button\">Clear filters<\/button>\n      <\/div>\n\n      <div id=\"xph-prompt-grid\" class=\"xph-prompt-grid\"><\/div>\n\n      <div class=\"xph-load-more-wrap\" id=\"xph-load-more-wrap\">\n        <button id=\"xph-load-more\" type=\"button\" class=\"xph-load-more\">\n          Show more prompts <span>\u2193<\/span>\n        <\/button>\n      <\/div>\n\n      <div id=\"xph-empty\" class=\"xph-empty\">\n        <div>\u2315<\/div>\n        <h3>No prompts found<\/h3>\n        <p>Try another search term, category or learning level.<\/p>\n        <button id=\"xph-reset-filters\" type=\"button\">Reset filters<\/button>\n      <\/div>\n\n    <\/section>\n\n\n    <!-- PROMPT MAKEOVER -->\n    <section class=\"xph-section\" id=\"xph-makeover\">\n\n      <div class=\"xph-section-heading\">\n        <div>\n          <span class=\"xph-section-label\">PROMPT QUALITY ANALYSIS<\/span>\n          <h2>See what makes a prompt better<\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"xph-makeover-panel\">\n\n        <div class=\"xph-makeover-column\">\n          <div class=\"xph-makeover-label\">BEFORE<\/div>\n          <div class=\"xph-makeover-prompt xph-before\">\n            Write a marketing plan.\n          <\/div>\n          <div class=\"xph-makeover-status bad\">Too vague<\/div>\n        <\/div>\n\n        <div class=\"xph-makeover-divider\">\n          <span>\u2192<\/span>\n        <\/div>\n\n        <div class=\"xph-makeover-column\">\n          <div class=\"xph-makeover-label\">IMPROVED<\/div>\n          <div class=\"xph-makeover-prompt\">\n            Create a 90-day marketing plan for a B2B software company launching a new productivity tool for small businesses. Include objectives, target audience, messaging, recommended channels, weekly actions, KPIs and major assumptions. Use a professional tone and present the plan in a table.\n          <\/div>\n          <div class=\"xph-makeover-status good\">Structured &amp; specific<\/div>\n        <\/div>\n\n        <div class=\"xph-improvements\">\n          <span class=\"xph-section-label\">WHAT CHANGED<\/span>\n          <ul>\n            <li><span>\u2713<\/span> Clear business objective<\/li>\n            <li><span>\u2713<\/span> Audience defined<\/li>\n            <li><span>\u2713<\/span> Timeframe specified<\/li>\n            <li><span>\u2713<\/span> Required components listed<\/li>\n            <li><span>\u2713<\/span> Output format defined<\/li>\n          <\/ul>\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n\n    <!-- PROFESSIONAL WORKFLOW -->\n    <section class=\"xph-section\">\n\n      <div class=\"xph-section-heading\">\n        <div>\n          <span class=\"xph-section-label\">PROFESSIONAL WORKFLOWS<\/span>\n          <h2>Move beyond one prompt<\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"xph-workflow-card\">\n\n        <div class=\"xph-workflow-intro\">\n          <span class=\"xph-section-label\">EXAMPLE WORKFLOW<\/span>\n          <h3>Market Research &amp; Strategic Analysis<\/h3>\n          <p>Complex work is often more reliable when it is split into reviewable stages instead of handled in one giant instruction.<\/p>\n        <\/div>\n\n        <div class=\"xph-workflow-flow\">\n\n          <div class=\"xph-workflow-step\">\n            <span>01<\/span>\n            <div>\n              <strong>Define<\/strong>\n              <p>Clarify the business question and objective.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"xph-workflow-line\"><\/div>\n\n          <div class=\"xph-workflow-step\">\n            <span>02<\/span>\n            <div>\n              <strong>Research<\/strong>\n              <p>Gather relevant facts, sources and evidence.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"xph-workflow-line\"><\/div>\n\n          <div class=\"xph-workflow-step\">\n            <span>03<\/span>\n            <div>\n              <strong>Analyse<\/strong>\n              <p>Identify patterns, risks and implications.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"xph-workflow-line\"><\/div>\n\n          <div class=\"xph-workflow-step\">\n            <span>04<\/span>\n            <div>\n              <strong>Create<\/strong>\n              <p>Produce the report, plan or recommendation.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"xph-workflow-line\"><\/div>\n\n          <div class=\"xph-workflow-step\">\n            <span>05<\/span>\n            <div>\n              <strong>Review<\/strong>\n              <p>Check assumptions, gaps and unsupported claims.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n\n    <!-- PROMPT BUILDER -->\n    <section class=\"xph-section\" id=\"xph-builder\">\n\n      <div class=\"xph-section-heading\">\n        <div>\n          <span class=\"xph-section-label\">PROMPT BUILDER<\/span>\n          <h2>Build your own prompt<\/h2>\n        <\/div>\n        <span class=\"xph-section-note\">INTERACTIVE<\/span>\n      <\/div>\n\n      <div class=\"xph-builder\">\n\n        <div class=\"xph-builder-form\">\n\n          <div class=\"xph-builder-heading\">\n            <span>01<\/span>\n            <div>\n              <strong>Define your task<\/strong>\n              <p>Add the details that matter to the result.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"xph-form-group\">\n            <label for=\"xph-builder-goal\">Task <span>REQUIRED<\/span><\/label>\n            <textarea id=\"xph-builder-goal\" rows=\"3\" placeholder=\"Example: Create a management-ready summary from my project notes.\"><\/textarea>\n          <\/div>\n\n          <div class=\"xph-form-row\">\n            <div class=\"xph-form-group\">\n              <label for=\"xph-builder-audience\">Audience<\/label>\n              <input id=\"xph-builder-audience\" type=\"text\" placeholder=\"e.g. Senior management\">\n            <\/div>\n\n            <div class=\"xph-form-group\">\n              <label for=\"xph-builder-tone\">Tone<\/label>\n              <select id=\"xph-builder-tone\">\n                <option value=\"\">Not specified<\/option>\n                <option>Professional<\/option>\n                <option>Concise<\/option>\n                <option>Executive<\/option>\n                <option>Friendly<\/option>\n                <option>Technical<\/option>\n                <option>Persuasive<\/option>\n                <option>Educational<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n\n          <div class=\"xph-form-group\">\n            <label for=\"xph-builder-context\">Context<\/label>\n            <textarea id=\"xph-builder-context\" rows=\"3\" placeholder=\"What background information should the AI know?\"><\/textarea>\n          <\/div>\n\n          <div class=\"xph-form-row\">\n            <div class=\"xph-form-group\">\n              <label for=\"xph-builder-output\">Output format<\/label>\n              <select id=\"xph-builder-output\">\n                <option value=\"\">Not specified<\/option>\n                <option>Bullet-point summary<\/option>\n                <option>Professional email<\/option>\n                <option>Structured report<\/option>\n                <option>Table<\/option>\n                <option>Step-by-step plan<\/option>\n                <option>Executive summary<\/option>\n                <option>Checklist<\/option>\n                <option>Presentation outline<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"xph-form-group\">\n              <label for=\"xph-builder-length\">Length<\/label>\n              <select id=\"xph-builder-length\">\n                <option value=\"\">Not specified<\/option>\n                <option>Very concise<\/option>\n                <option>Under 100 words<\/option>\n                <option>100\u2013200 words<\/option>\n                <option>300\u2013500 words<\/option>\n                <option>Detailed<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n\n          <div class=\"xph-form-group\">\n            <label for=\"xph-builder-constraints\">Rules or constraints<\/label>\n            <textarea id=\"xph-builder-constraints\" rows=\"3\" placeholder=\"Example: Avoid jargon. Do not invent facts. Highlight missing information.\"><\/textarea>\n          <\/div>\n\n          <button id=\"xph-generate-prompt\" class=\"xph-primary-button\" type=\"button\">\n            Generate Prompt <span>\u2192<\/span>\n          <\/button>\n\n        <\/div>\n\n\n        <div class=\"xph-builder-output\">\n\n          <div class=\"xph-builder-output-header\">\n            <div class=\"xph-builder-heading xph-builder-heading-dark\">\n              <span>02<\/span>\n              <div>\n                <small>GENERATED PROMPT<\/small>\n                <strong>Ready to customize<\/strong>\n              <\/div>\n            <\/div>\n\n            <button id=\"xph-copy-builder\" class=\"xph-copy-small\" type=\"button\">Copy<\/button>\n          <\/div>\n\n          <div id=\"xph-builder-result\" class=\"xph-builder-result\">\n            <span class=\"xph-builder-placeholder\">Your generated prompt will appear here.<\/span>\n          <\/div>\n\n          <div class=\"xph-builder-tip\">\n            <strong>PRO TIP<\/strong>\n            Review the prompt before using it and add specific facts or source material when they affect the answer.\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n\n    <!-- CHECKLIST -->\n    <section class=\"xph-section\" id=\"xph-checklist\">\n\n      <div class=\"xph-section-heading\">\n        <div>\n          <span class=\"xph-section-label\">PROMPT CHECKLIST<\/span>\n          <h2>Before you send your prompt<\/h2>\n        <\/div>\n        <div class=\"xph-readiness\">\n          <span>Readiness<\/span>\n          <strong id=\"xph-readiness-number\">0%<\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"xph-readiness-bar\"><span id=\"xph-readiness-fill\"><\/span><\/div>\n\n      <div class=\"xph-check-grid\" id=\"xph-check-grid\">\n\n        <label class=\"xph-check-card\">\n          <input type=\"checkbox\">\n          <span class=\"xph-check-box\">\u2713<\/span>\n          <div>\n            <strong>Objective<\/strong>\n            <p>Is the desired result clear?<\/p>\n          <\/div>\n        <\/label>\n\n        <label class=\"xph-check-card\">\n          <input type=\"checkbox\">\n          <span class=\"xph-check-box\">\u2713<\/span>\n          <div>\n            <strong>Context<\/strong>\n            <p>Did you provide relevant background?<\/p>\n          <\/div>\n        <\/label>\n\n        <label class=\"xph-check-card\">\n          <input type=\"checkbox\">\n          <span class=\"xph-check-box\">\u2713<\/span>\n          <div>\n            <strong>Audience<\/strong>\n            <p>Is the intended reader defined?<\/p>\n          <\/div>\n        <\/label>\n\n        <label class=\"xph-check-card\">\n          <input type=\"checkbox\">\n          <span class=\"xph-check-box\">\u2713<\/span>\n          <div>\n            <strong>Constraints<\/strong>\n            <p>Are important rules and limits clear?<\/p>\n          <\/div>\n        <\/label>\n\n        <label class=\"xph-check-card\">\n          <input type=\"checkbox\">\n          <span class=\"xph-check-box\">\u2713<\/span>\n          <div>\n            <strong>Output<\/strong>\n            <p>Did you define the expected format?<\/p>\n          <\/div>\n        <\/label>\n\n        <label class=\"xph-check-card\">\n          <input type=\"checkbox\">\n          <span class=\"xph-check-box\">\u2713<\/span>\n          <div>\n            <strong>Uncertainty<\/strong>\n            <p>Did you tell AI not to invent missing facts?<\/p>\n          <\/div>\n        <\/label>\n\n      <\/div>\n\n    <\/section>\n\n\n    <!-- RESPONSIBLE AI -->\n    <section class=\"xph-section\" id=\"xph-responsible\">\n\n      <div class=\"xph-section-heading\">\n        <div>\n          <span class=\"xph-section-label\">RESPONSIBLE AI<\/span>\n          <h2>Use prompts responsibly<\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"xph-responsible-grid\">\n\n        <article>\n          <span>01<\/span>\n          <h3>Protect confidential information<\/h3>\n          <p>Do not enter confidential, sensitive or personal data unless use with the AI service is authorized.<\/p>\n        <\/article>\n\n        <article>\n          <span>02<\/span>\n          <h3>Verify important information<\/h3>\n          <p>AI-generated answers can contain errors, omissions or outdated information. Verify important claims.<\/p>\n        <\/article>\n\n        <article>\n          <span>03<\/span>\n          <h3>Keep human review<\/h3>\n          <p>Review AI-generated work before using it for important professional or public-facing decisions.<\/p>\n        <\/article>\n\n        <article>\n          <span>04<\/span>\n          <h3>Respect intellectual property<\/h3>\n          <p>Consider ownership, copyright, licensing and attribution requirements when using generated content.<\/p>\n        <\/article>\n\n      <\/div>\n\n    <\/section>\n\n\n    <!-- CTA -->\n    <section class=\"xph-cta\">\n      <div>\n        <span class=\"xph-section-label\">CONTINUE EXPLORING<\/span>\n        <h2>Turn better prompts into better AI work.<\/h2>\n        <p>Explore AI tools, learn the fundamentals and discover practical ways AI can support modern work.<\/p>\n      <\/div>\n\n      <div class=\"xph-cta-actions\">\n        <a href=\"\/ai-starter-hub\/\" class=\"xph-cta-primary\">Explore AI Starter Hub<\/a>\n        <a href=\"\/solutions\/\" class=\"xph-cta-secondary\">Explore X3AI Solutions<\/a>\n      <\/div>\n    <\/section>\n\n  <\/main>\n<\/div>\n\n\n<style>\n\/* ============================================================\n   X3AI AI PROMPT HUB\n   Visual system matched to the uploaded X3AI directory code\n============================================================ *\/\n\n#x3ai-prompt-hub,\n#x3ai-prompt-hub * {\n  box-sizing: border-box;\n}\n\n#x3ai-prompt-hub {\n  --xph-accent: #2D5F7B;\n  --xph-accent-hover: #234d66;\n  --xph-dark: #000000;\n  --xph-text: #000000;\n  --xph-muted: #000000;\n  --xph-border: #e6e8f0;\n  --xph-bg: #f8f9fc;\n  --xph-soft: #EDF4F7;\n  --xph-white: #ffffff;\n\n  font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  max-width: 1500px;\n  margin: 40px auto;\n  background: #fff;\n  border: 1px solid #e8eaf1;\n  border-radius: 28px;\n  display: grid;\n  grid-template-columns: 285px minmax(0, 1fr);\n  min-height: 1000px;\n  overflow: visible;\n  box-shadow: 0 25px 80px rgba(31,43,90,.09);\n  color: var(--xph-text);\n}\n\n#x3ai-prompt-hub button,\n#x3ai-prompt-hub input,\n#x3ai-prompt-hub textarea,\n#x3ai-prompt-hub select {\n  font: inherit;\n}\n\n#x3ai-prompt-hub button {\n  cursor: pointer;\n}\n\n#x3ai-prompt-hub a {\n  text-decoration: none;\n}\n\n\/* ========================= SIDEBAR ========================= *\/\n\n.xph-sidebar {\n  background: linear-gradient(180deg, #fcfcff 0%, #f7f8fc 100%);\n  border-right: 1px solid var(--xph-border);\n  padding: 40px 22px 28px;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.xph-small-title {\n  color: var(--xph-accent);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  margin-bottom: 8px;\n}\n\n.xph-sidebar-top h2 {\n  margin: 0 0 8px;\n  font-size: 25px;\n  color: var(--xph-dark);\n}\n\n.xph-sidebar-top p {\n  color: var(--xph-muted);\n  font-size: 13px;\n  line-height: 1.6;\n  margin: 0 0 28px;\n}\n\n.xph-side-nav {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.xph-side-label {\n  color: #000000;\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n  padding: 17px 12px 7px;\n}\n\n.xph-side-item {\n  appearance: none;\n  border: 0;\n  background: transparent;\n  width: 100%;\n  padding: 12px;\n  border-radius: 12px;\n  display: grid;\n  grid-template-columns: 28px 1fr;\n  align-items: center;\n  text-align: left;\n  color: #000000;\n  font-size: 13px;\n  font-weight: 600;\n  transition: .2s ease;\n}\n\n.xph-side-item:hover,\n.xph-side-item.active {\n  background: var(--xph-soft);\n  color: var(--xph-accent);\n}\n\n.xph-side-icon,\n.xph-side-index {\n  font-size: 14px;\n  opacity: .9;\n}\n\n.xph-side-index {\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: .5px;\n}\n\n.xph-sidebar-box {\n  margin-top: auto;\n  border: 1px solid #e2e4ed;\n  border-radius: 16px;\n  padding: 16px;\n  background: rgba(255,255,255,.82);\n  display: flex;\n  gap: 12px;\n}\n\n.xph-sidebar-box-icon {\n  width: 34px;\n  height: 34px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--xph-soft);\n  color: var(--xph-accent);\n  flex-shrink: 0;\n}\n\n.xph-sidebar-box strong {\n  display: block;\n  font-size: 12px;\n  color: var(--xph-dark);\n  margin-bottom: 4px;\n}\n\n.xph-sidebar-box p {\n  font-size: 10px;\n  line-height: 1.5;\n  color: var(--xph-muted);\n  margin: 0;\n}\n\n\/* ========================= MAIN ========================= *\/\n\n.xph-main {\n  min-width: 0;\n  padding: 55px 58px 70px;\n}\n\n.xph-eyebrow {\n  color: var(--xph-accent);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  margin-bottom: 10px;\n}\n\n.xph-main-header h1 {\n  margin: 0;\n  color: var(--xph-dark);\n  font-size: clamp(36px, 4vw, 58px);\n  line-height: 1.05;\n  letter-spacing: -2.2px;\n}\n\n.xph-main-header h1 span {\n  color: var(--xph-accent);\n}\n\n.xph-main-header > p {\n  margin: 18px 0 0;\n  max-width: 760px;\n  color: var(--xph-muted);\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n\/* ========================= TOOLBAR ========================= *\/\n\n.xph-toolbar {\n  display: grid;\n  grid-template-columns: 1fr 185px;\n  gap: 14px;\n  margin-top: 34px;\n  margin-bottom: 45px;\n}\n\n.xph-search {\n  border: 1px solid var(--xph-border);\n  height: 54px;\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  padding: 0 10px 0 18px;\n  transition: .2s ease;\n  background: white;\n}\n\n.xph-search:focus-within {\n  border-color: #5B7F94;\n  box-shadow: 0 0 0 4px rgba(45,95,123,.08);\n}\n\n.xph-search > span {\n  color: #000000;\n  font-size: 22px;\n  margin-right: 10px;\n}\n\n.xph-search input {\n  width: 100%;\n  height: 50px;\n  border: 0 !important;\n  outline: 0 !important;\n  box-shadow: none !important;\n  font-size: 14px;\n  color: var(--xph-text);\n  background: transparent;\n  padding: 0 !important;\n}\n\n#xph-clear-search {\n  border: 0;\n  background: transparent;\n  color: #000000;\n  font-size: 20px;\n  line-height: 1;\n  padding: 7px 9px;\n}\n\n#xph-level-select {\n  border: 1px solid var(--xph-border);\n  border-radius: 14px;\n  padding: 0 15px;\n  background: white;\n  color: #000000;\n  font-size: 13px;\n  cursor: pointer;\n}\n\n\/* ========================= GENERAL SECTIONS ========================= *\/\n\n.xph-section {\n  margin-top: 52px;\n  scroll-margin-top: 30px;\n}\n\n.xph-section-heading {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 20px;\n  margin-bottom: 20px;\n}\n\n.xph-section-heading h2 {\n  margin: 3px 0 0;\n  font-size: 24px;\n  letter-spacing: -.6px;\n  color: var(--xph-dark);\n}\n\n.xph-section-label {\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1.3px;\n  color: #000000;\n}\n\n.xph-section-note {\n  color: #000000;\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 1.2px;\n  border: 1px solid var(--xph-border);\n  border-radius: 20px;\n  padding: 7px 10px;\n  background: white;\n}\n\n.xph-view-all {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--xph-accent);\n}\n\n\/* ========================= FRAMEWORK ========================= *\/\n\n.xph-framework-grid {\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0,1fr));\n  gap: 12px;\n}\n\n.xph-framework-card {\n  min-height: 205px;\n  border: 1px solid var(--xph-border);\n  border-radius: 16px;\n  padding: 20px;\n  background: white;\n  transition: .2s ease;\n}\n\n.xph-framework-card:hover {\n  transform: translateY(-3px);\n  border-color: #B8CBD4;\n  box-shadow: 0 12px 30px rgba(30,42,100,.08);\n}\n\n.xph-framework-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 22px;\n}\n\n.xph-framework-top > span {\n  color: #000000;\n  font-size: 9px;\n  font-weight: 800;\n}\n\n.xph-framework-letter {\n  width: 34px;\n  height: 34px;\n  border-radius: 10px;\n  display: grid;\n  place-items: center;\n  color: var(--xph-accent);\n  background: var(--xph-soft);\n  font-weight: 800;\n  font-size: 13px;\n}\n\n.xph-framework-card h3 {\n  margin: 0 0 7px;\n  color: var(--xph-dark);\n  font-size: 17px;\n}\n\n.xph-framework-card p {\n  color: var(--xph-muted);\n  font-size: 11px;\n  line-height: 1.6;\n  margin: 0 0 14px;\n}\n\n.xph-framework-card small {\n  color: var(--xph-accent);\n  font-size: 10px;\n  line-height: 1.5;\n}\n\n.xph-formula-strip {\n  margin-top: 14px;\n  padding: 14px 18px;\n  border: 1px solid var(--xph-border);\n  background: var(--xph-bg);\n  border-radius: 12px;\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  align-items: center;\n}\n\n.xph-formula-strip > div {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  flex-wrap: wrap;\n  font-size: 10px;\n  font-weight: 800;\n}\n\n.xph-formula-strip span {\n  color: var(--xph-accent);\n}\n\n.xph-formula-strip b {\n  color: #000000;\n}\n\n.xph-formula-strip strong {\n  color: var(--xph-dark);\n  font-size: 10px;\n  letter-spacing: .6px;\n  white-space: nowrap;\n}\n\n\/* ========================= LEVELS ========================= *\/\n\n.xph-level-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0,1fr));\n  gap: 14px;\n}\n\n.xph-level-card {\n  text-align: left;\n  position: relative;\n  min-height: 245px;\n  border: 1px solid var(--xph-border);\n  border-radius: 18px;\n  padding: 22px;\n  color: inherit;\n  background: linear-gradient(145deg, #ffffff, #fbfbfe);\n  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n}\n\n.xph-level-card:hover {\n  transform: translateY(-5px);\n  border-color: #B8CBD4;\n  box-shadow: 0 20px 45px rgba(44,54,110,.1);\n}\n\n.xph-level-number {\n  color: #000000;\n  font-size: 10px;\n  font-weight: 800;\n  margin-bottom: 20px;\n}\n\n.xph-level-badge {\n  display: inline-block;\n  background: var(--xph-soft);\n  color: var(--xph-accent);\n  border-radius: 20px;\n  padding: 5px 8px;\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: .7px;\n}\n\n.xph-level-card h3 {\n  margin: 14px 0 7px;\n  color: var(--xph-dark);\n  font-size: 17px;\n}\n\n.xph-level-card p {\n  color: var(--xph-muted);\n  font-size: 11px;\n  line-height: 1.6;\n  margin: 0 0 24px;\n}\n\n.xph-level-footer {\n  position: absolute;\n  left: 22px;\n  right: 22px;\n  bottom: 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: #000000;\n  font-size: 10px;\n}\n\n.xph-level-footer span:last-child {\n  color: var(--xph-accent);\n  font-size: 16px;\n}\n\n\/* ========================= PROMPT LIBRARY ========================= *\/\n\n.xph-results {\n  color: var(--xph-muted);\n  font-size: 12px;\n}\n\n.xph-results span {\n  color: var(--xph-dark);\n  font-weight: 800;\n}\n\n\n.xph-collection-card {\n  display: grid;\n  grid-template-columns: 64px minmax(0,1fr) auto;\n  align-items: center;\n  gap: 20px;\n  margin-bottom: 20px;\n  padding: 22px;\n  border: 1px solid #D9E4E9;\n  border-radius: 18px;\n  background:\n    linear-gradient(\n      135deg,\n      #F8FBFC 0%,\n      #EDF4F7 100%\n    );\n}\n\n.xph-collection-mark {\n  width: 60px;\n  height: 60px;\n  border-radius: 16px;\n  display: grid;\n  place-items: center;\n  background: #2D5F7B;\n  color: #ffffff;\n  font-size: 14px;\n  font-weight: 900;\n  letter-spacing: .8px;\n  box-shadow: 0 10px 24px rgba(45,95,123,.16);\n}\n\n.xph-collection-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-bottom: 6px;\n}\n\n.xph-collection-meta span {\n  display: inline-flex;\n  align-items: center;\n  min-height: 22px;\n  padding: 0 8px;\n  border-radius: 20px;\n  background: rgba(255,255,255,.75);\n  border: 1px solid #DDE8ED;\n  color: #2D5F7B;\n  font-size: 8px;\n  line-height: 1;\n  font-weight: 800;\n  letter-spacing: .9px;\n}\n\n.xph-collection-content h3 {\n  margin: 0 0 6px;\n  color: #11152A;\n  font-size: 17px;\n  letter-spacing: -.25px;\n}\n\n.xph-collection-content p {\n  max-width: 760px;\n  margin: 0;\n  color: #000000;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n.xph-collection-action {\n  appearance: none;\n  min-height: 42px;\n  border: 1px solid #B8CBD4;\n  border-radius: 12px;\n  background: #ffffff;\n  color: #2D5F7B;\n  padding: 0 14px;\n  white-space: nowrap;\n  font-size: 10px;\n  font-weight: 800;\n  transition: .2s ease;\n}\n\n.xph-collection-action:hover {\n  transform: translateY(-2px);\n  border-color: #2D5F7B;\n  box-shadow: 0 10px 24px rgba(45,95,123,.10);\n}\n\n.xph-collection-action span {\n  margin-left: 8px;\n  font-size: 14px;\n}\n\n.xph-category-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-bottom: 18px;\n}\n\n.xph-category {\n  appearance: none;\n  border: 1px solid var(--xph-border);\n  background: white;\n  color: #000000;\n  padding: 8px 12px;\n  border-radius: 20px;\n  font-size: 10px;\n  font-weight: 700;\n  transition: .2s ease;\n}\n\n.xph-category:hover,\n.xph-category.active {\n  color: var(--xph-accent);\n  border-color: #B8CBD4;\n  background: var(--xph-soft);\n}\n\n.xph-prompt-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0,1fr));\n  gap: 14px;\n}\n\n.xph-prompt-card {\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--xph-border);\n  border-radius: 17px;\n  background: white;\n  overflow: hidden;\n  transition: .2s ease;\n}\n\n.xph-prompt-card:hover {\n  transform: translateY(-3px);\n  border-color: #B8CBD4;\n  box-shadow: 0 12px 30px rgba(30,42,100,.08);\n}\n\n.xph-prompt-card-head {\n  padding: 20px 20px 13px;\n}\n\n.xph-prompt-meta {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n  margin-bottom: 12px;\n}\n\n.xph-prompt-tag {\n  display: inline-block;\n  color: #000000;\n  font-size: 8px;\n  font-weight: 800;\n  letter-spacing: .7px;\n  text-transform: uppercase;\n}\n\n.xph-prompt-tag + .xph-prompt-tag::before {\n  content: \"\u2022\";\n  margin-right: 6px;\n  color: #000000;\n}\n\n\n.xph-prompt-tag-collection {\n  color: #2D5F7B;\n  background: #EDF4F7;\n  border-color: #D8E6EC;\n}\n\n.xph-prompt-card h3 {\n  margin: 0 0 7px;\n  color: var(--xph-dark);\n  font-size: 16px;\n}\n\n.xph-prompt-description {\n  color: var(--xph-muted);\n  font-size: 11px;\n  line-height: 1.55;\n  margin: 0;\n  min-height: 35px;\n}\n\n.xph-prompt-box {\n  margin: 0 20px 15px;\n  border: 1px solid var(--xph-border);\n  background: var(--xph-bg);\n  border-radius: 11px;\n  padding: 14px;\n}\n\n.xph-prompt-box-label {\n  display: block;\n  color: var(--xph-accent);\n  font-size: 8px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  margin-bottom: 7px;\n}\n\n.xph-prompt-text {\n  position: relative;\n  color: #000000;\n  font-size: 10px;\n  line-height: 1.65;\n  white-space: pre-line;\n  max-height: 98px;\n  overflow: hidden;\n}\n\n.xph-prompt-card.expanded .xph-prompt-text {\n  max-height: none;\n}\n\n.xph-prompt-card:not(.expanded) .xph-prompt-text::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 30px;\n  background: linear-gradient(to bottom, rgba(248,249,252,0), rgba(248,249,252,1));\n}\n\n.xph-why {\n  display: none;\n  margin: 0 20px 15px;\n  padding: 12px 13px;\n  background: var(--xph-soft);\n  border-radius: 10px;\n  color: #000000;\n  font-size: 10px;\n  line-height: 1.55;\n}\n\n.xph-prompt-card.expanded .xph-why {\n  display: block;\n}\n\n.xph-why strong {\n  color: var(--xph-accent);\n}\n\n.xph-prompt-actions {\n  margin-top: auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  border-top: 1px solid var(--xph-border);\n}\n\n.xph-prompt-actions button {\n  border: 0;\n  background: white;\n  min-height: 45px;\n  color: #000000;\n  font-size: 10px;\n  font-weight: 700;\n  transition: .2s ease;\n}\n\n.xph-prompt-actions button + button {\n  border-left: 1px solid var(--xph-border);\n}\n\n.xph-prompt-actions button:hover {\n  background: var(--xph-soft);\n  color: var(--xph-accent);\n}\n\n.xph-prompt-actions .xph-copy-prompt {\n  color: var(--xph-accent);\n}\n\n.xph-empty {\n  display: none;\n  text-align: center;\n  padding: 65px 20px;\n}\n\n.xph-empty > div {\n  font-size: 35px;\n  color: #000000;\n}\n\n.xph-empty h3 {\n  margin: 8px 0 3px;\n  color: var(--xph-dark);\n}\n\n.xph-empty p {\n  color: #000000;\n  font-size: 12px;\n}\n\n#xph-reset-filters {\n  margin-top: 10px;\n  border: 1px solid var(--xph-border);\n  background: white;\n  color: var(--xph-accent);\n  font-size: 11px;\n  font-weight: 700;\n  padding: 9px 13px;\n  border-radius: 10px;\n}\n\n\/* ========================= MAKEOVER ========================= *\/\n\n.xph-makeover-panel {\n  display: grid;\n  grid-template-columns: 1fr 46px 1fr .72fr;\n  gap: 16px;\n  border: 1px solid var(--xph-border);\n  border-radius: 18px;\n  padding: 22px;\n  background: var(--xph-bg);\n}\n\n.xph-makeover-column,\n.xph-improvements {\n  background: white;\n  border: 1px solid var(--xph-border);\n  border-radius: 14px;\n  padding: 18px;\n}\n\n.xph-makeover-label {\n  color: #000000;\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 1.1px;\n  margin-bottom: 14px;\n}\n\n.xph-makeover-prompt {\n  color: var(--xph-text);\n  font-size: 11px;\n  line-height: 1.7;\n  min-height: 125px;\n}\n\n.xph-before {\n  color: #000000;\n}\n\n.xph-makeover-status {\n  display: inline-block;\n  margin-top: 14px;\n  border-radius: 20px;\n  padding: 5px 8px;\n  font-size: 8px;\n  font-weight: 800;\n  letter-spacing: .5px;\n}\n\n.xph-makeover-status.bad {\n  color: #000000;\n  background: #f5eff1;\n}\n\n.xph-makeover-status.good {\n  color: var(--xph-accent);\n  background: var(--xph-soft);\n}\n\n.xph-makeover-divider {\n  display: grid;\n  place-items: center;\n  color: var(--xph-accent);\n  font-size: 22px;\n}\n\n.xph-improvements ul {\n  margin: 14px 0 0;\n  padding: 0;\n  list-style: none;\n}\n\n.xph-improvements li {\n  display: flex;\n  gap: 8px;\n  color: #000000;\n  font-size: 10px;\n  padding: 8px 0;\n  border-bottom: 1px solid #eff0f4;\n}\n\n.xph-improvements li:last-child {\n  border-bottom: 0;\n}\n\n.xph-improvements li span {\n  color: var(--xph-accent);\n  font-weight: 800;\n}\n\n\/* ========================= WORKFLOW ========================= *\/\n\n.xph-workflow-card {\n  display: grid;\n  grid-template-columns: .8fr 1.2fr;\n  gap: 48px;\n  align-items: center;\n  border: 1px solid var(--xph-border);\n  border-radius: 18px;\n  padding: 32px;\n  background: linear-gradient(145deg, #ffffff, #fbfbfe);\n}\n\n.xph-workflow-intro h3 {\n  color: var(--xph-dark);\n  font-size: 22px;\n  margin: 8px 0 10px;\n  letter-spacing: -.4px;\n}\n\n.xph-workflow-intro p {\n  color: var(--xph-muted);\n  font-size: 11px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n.xph-workflow-step {\n  display: grid;\n  grid-template-columns: 40px 1fr;\n  gap: 12px;\n  align-items: center;\n}\n\n.xph-workflow-step > span {\n  width: 38px;\n  height: 38px;\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  background: var(--xph-soft);\n  color: var(--xph-accent);\n  font-size: 9px;\n  font-weight: 800;\n}\n\n.xph-workflow-step strong {\n  color: var(--xph-dark);\n  font-size: 12px;\n}\n\n.xph-workflow-step p {\n  color: var(--xph-muted);\n  font-size: 10px;\n  margin: 2px 0 0;\n}\n\n.xph-workflow-line {\n  height: 14px;\n  width: 1px;\n  background: #d8dbe3;\n  margin-left: 19px;\n}\n\n\/* ========================= BUILDER ========================= *\/\n\n.xph-builder {\n  display: grid;\n  grid-template-columns: 1.08fr .92fr;\n  border: 1px solid var(--xph-border);\n  border-radius: 18px;\n  overflow: hidden;\n  background: white;\n}\n\n.xph-builder-form {\n  padding: 28px;\n}\n\n.xph-builder-output {\n  padding: 28px;\n  background: var(--xph-dark);\n  color: white;\n}\n\n.xph-builder-heading {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  padding-bottom: 18px;\n  border-bottom: 1px solid var(--xph-border);\n  margin-bottom: 19px;\n}\n\n.xph-builder-heading > span {\n  width: 30px;\n  height: 30px;\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  background: var(--xph-soft);\n  color: var(--xph-accent);\n  font-size: 8px;\n  font-weight: 800;\n}\n\n.xph-builder-heading strong {\n  display: block;\n  color: var(--xph-dark);\n  font-size: 13px;\n}\n\n.xph-builder-heading p {\n  color: var(--xph-muted);\n  font-size: 10px;\n  margin: 2px 0 0;\n}\n\n.xph-form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n\n.xph-form-group {\n  margin-bottom: 14px;\n}\n\n.xph-form-group label {\n  display: block;\n  margin-bottom: 6px;\n  color: #000000;\n  font-size: 10px;\n  font-weight: 700;\n}\n\n.xph-form-group label span {\n  color: var(--xph-accent);\n  font-size: 7px;\n  margin-left: 4px;\n}\n\n.xph-form-group input,\n.xph-form-group textarea,\n.xph-form-group select {\n  width: 100%;\n  border: 1px solid var(--xph-border);\n  border-radius: 10px;\n  background: white;\n  color: var(--xph-text);\n  outline: 0;\n  font-size: 11px;\n  padding: 10px 11px;\n  transition: .2s ease;\n}\n\n.xph-form-group input,\n.xph-form-group select {\n  height: 42px;\n}\n\n.xph-form-group textarea {\n  resize: vertical;\n  min-height: 78px;\n}\n\n.xph-form-group input:focus,\n.xph-form-group textarea:focus,\n.xph-form-group select:focus {\n  border-color: #5B7F94;\n  box-shadow: 0 0 0 3px rgba(45,95,123,.07);\n}\n\n.xph-primary-button {\n  width: 100%;\n  min-height: 44px;\n  border: 0;\n  border-radius: 10px;\n  background: var(--xph-accent);\n  color: white;\n  font-size: 11px;\n  font-weight: 800;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  transition: .2s ease;\n}\n\n.xph-primary-button:hover {\n  background: var(--xph-accent-hover);\n}\n\n.xph-builder-output-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.xph-builder-heading-dark {\n  border-bottom: 0;\n  padding-bottom: 0;\n  margin-bottom: 0;\n}\n\n.xph-builder-heading-dark > span {\n  background: rgba(255,255,255,.08);\n  color: white;\n}\n\n.xph-builder-heading-dark small {\n  display: block;\n  color: #ffffff;\n  font-size: 7px;\n  font-weight: 800;\n  letter-spacing: 1px;\n}\n\n.xph-builder-heading-dark strong {\n  color: white;\n  font-size: 12px;\n  margin-top: 2px;\n}\n\n.xph-copy-small {\n  border: 1px solid rgba(255,255,255,.14);\n  background: rgba(255,255,255,.06);\n  color: white;\n  border-radius: 8px;\n  padding: 7px 11px;\n  font-size: 9px;\n  font-weight: 700;\n}\n\n.xph-builder-result {\n  min-height: 360px;\n  max-height: 500px;\n  overflow-y: auto;\n  margin-top: 24px;\n  padding-top: 20px;\n  border-top: 1px solid rgba(255,255,255,.1);\n  white-space: pre-wrap;\n  color: #ffffff;\n  font-size: 11px;\n  line-height: 1.75;\n}\n\n.xph-builder-placeholder {\n  color: #ffffff;\n}\n\n.xph-builder-tip {\n  margin-top: 20px;\n  padding: 13px;\n  border: 1px solid rgba(255,255,255,.09);\n  border-radius: 9px;\n  color: #ffffff;\n  font-size: 9px;\n  line-height: 1.55;\n}\n\n.xph-builder-tip strong {\n  color: white;\n  margin-right: 6px;\n  letter-spacing: .8px;\n}\n\n\/* ========================= CHECKLIST ========================= *\/\n\n.xph-readiness {\n  font-size: 10px;\n  color: var(--xph-muted);\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.xph-readiness strong {\n  color: var(--xph-accent);\n}\n\n.xph-readiness-bar {\n  height: 6px;\n  background: #eef0f4;\n  border-radius: 20px;\n  overflow: hidden;\n  margin-bottom: 14px;\n}\n\n.xph-readiness-bar span {\n  display: block;\n  height: 100%;\n  width: 0%;\n  background: var(--xph-accent);\n  transition: width .25s ease;\n}\n\n.xph-check-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0,1fr));\n  gap: 12px;\n}\n\n.xph-check-card {\n  position: relative;\n  display: grid;\n  grid-template-columns: 34px 1fr;\n  gap: 11px;\n  align-items: center;\n  border: 1px solid var(--xph-border);\n  border-radius: 13px;\n  padding: 15px;\n  cursor: pointer;\n  background: white;\n  transition: .2s ease;\n}\n\n.xph-check-card:hover {\n  border-color: #B8CBD4;\n}\n\n.xph-check-card input {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.xph-check-box {\n  width: 32px;\n  height: 32px;\n  display: grid;\n  place-items: center;\n  border: 1px solid #d5d8e1;\n  border-radius: 9px;\n  color: transparent;\n  transition: .2s ease;\n}\n\n.xph-check-card input:checked + .xph-check-box {\n  border-color: var(--xph-accent);\n  background: var(--xph-soft);\n  color: var(--xph-accent);\n}\n\n.xph-check-card strong {\n  color: var(--xph-dark);\n  font-size: 11px;\n}\n\n.xph-check-card p {\n  color: var(--xph-muted);\n  font-size: 9px;\n  line-height: 1.45;\n  margin: 2px 0 0;\n}\n\n\/* ========================= RESPONSIBLE AI ========================= *\/\n\n.xph-responsible-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0,1fr));\n  gap: 13px;\n}\n\n.xph-responsible-grid article {\n  border: 1px solid var(--xph-border);\n  border-radius: 15px;\n  padding: 20px;\n  background: white;\n}\n\n.xph-responsible-grid article > span {\n  color: #000000;\n  font-size: 9px;\n  font-weight: 800;\n}\n\n.xph-responsible-grid h3 {\n  color: var(--xph-dark);\n  font-size: 14px;\n  line-height: 1.35;\n  margin: 20px 0 8px;\n}\n\n.xph-responsible-grid p {\n  color: var(--xph-muted);\n  font-size: 10px;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ========================= CTA ========================= *\/\n\n.xph-cta {\n  margin-top: 52px;\n  padding: 30px;\n  border-radius: 18px;\n  background: var(--xph-accent);\n  color: white;\n  display: flex;\n  justify-content: space-between;\n  gap: 36px;\n  align-items: center;\n}\n\n.xph-cta .xph-section-label {\n  color: #ffffff;\n}\n\n.xph-cta h2 {\n  color: white;\n  font-size: 23px;\n  letter-spacing: -.5px;\n  margin: 5px 0 7px;\n}\n\n.xph-cta p {\n  max-width: 660px;\n  margin: 0;\n  color: #ffffff;\n  font-size: 11px;\n  line-height: 1.65;\n}\n\n.xph-cta-actions {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.xph-cta-actions a {\n  min-height: 42px;\n  padding: 0 15px;\n  border-radius: 9px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  font-weight: 800;\n}\n\n.xph-cta-primary {\n  background: white;\n  color: var(--xph-accent);\n}\n\n.xph-cta-secondary {\n  color: white;\n  border: 1px solid rgba(255,255,255,.35);\n}\n\n\/* ========================= TOAST ========================= *\/\n\n.xph-toast {\n  position: fixed;\n  left: 50%;\n  bottom: 28px;\n  z-index: 999999;\n  transform: translate(-50%, 12px);\n  background: var(--xph-dark);\n  color: white;\n  padding: 10px 15px;\n  border-radius: 9px;\n  font-size: 10px;\n  font-weight: 700;\n  box-shadow: 0 12px 30px rgba(17,21,42,.22);\n  opacity: 0;\n  pointer-events: none;\n  transition: .2s ease;\n}\n\n.xph-toast.show {\n  opacity: 1;\n  transform: translate(-50%, 0);\n}\n\n\/* ========================= RESPONSIVE ========================= *\/\n\n@media (max-width: 1200px) {\n  #x3ai-prompt-hub {\n    grid-template-columns: 230px 1fr;\n  }\n\n  .xph-main {\n    padding: 45px 35px;\n  }\n\n  .xph-framework-grid {\n    grid-template-columns: repeat(3, minmax(0,1fr));\n  }\n\n  .xph-level-grid {\n    grid-template-columns: repeat(2, minmax(0,1fr));\n  }\n\n  .xph-prompt-grid {\n    grid-template-columns: repeat(2, minmax(0,1fr));\n  }\n\n  .xph-makeover-panel {\n    grid-template-columns: 1fr 40px 1fr;\n  }\n\n  .xph-improvements {\n    grid-column: 1 \/ -1;\n  }\n\n  .xph-responsible-grid {\n    grid-template-columns: repeat(2, minmax(0,1fr));\n  }\n}\n\n@media (max-width: 800px) {\n  #x3ai-prompt-hub {\n    display: block;\n    margin: 15px;\n    border-radius: 20px;\n  }\n\n  .xph-sidebar {\n    border-right: none;\n    border-bottom: 1px solid var(--xph-border);\n    padding: 22px;\n  }\n\n  .xph-sidebar-top p,\n  .xph-sidebar-box,\n  .xph-side-label {\n    display: none;\n  }\n\n  .xph-side-nav {\n    flex-direction: row;\n    overflow-x: auto;\n    padding-bottom: 5px;\n  }\n\n  .xph-side-item {\n    display: flex;\n    width: auto;\n    min-width: max-content;\n    gap: 7px;\n  }\n\n  .xph-side-icon,\n  .xph-side-index {\n    display: none;\n  }\n\n  .xph-main {\n    padding: 32px 20px 45px;\n  }\n\n  .xph-main-header h1 {\n    font-size: 38px;\n  }\n\n  .xph-toolbar {\n    grid-template-columns: 1fr;\n  }\n\n  #xph-level-select {\n    height: 50px;\n  }\n\n  .xph-framework-grid,\n  .xph-level-grid,\n  .xph-prompt-grid,\n  .xph-check-grid,\n  .xph-responsible-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .xph-formula-strip {\n    display: block;\n  }\n\n  .xph-formula-strip strong {\n    display: block;\n    margin-top: 9px;\n  }\n\n  .xph-makeover-panel {\n    grid-template-columns: 1fr;\n  }\n\n  .xph-makeover-divider {\n    transform: rotate(90deg);\n    min-height: 25px;\n  }\n\n  .xph-improvements {\n    grid-column: auto;\n  }\n\n  .xph-workflow-card,\n  .xph-builder {\n    grid-template-columns: 1fr;\n  }\n\n  .xph-workflow-card {\n    gap: 30px;\n    padding: 24px;\n  }\n\n  .xph-form-row {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n\n  .xph-cta {\n    display: block;\n  }\n\n  .xph-cta-actions {\n    margin-top: 20px;\n    flex-direction: column;\n  }\n}\n\n@media (max-width: 480px) {\n  .xph-collection-card {\n    grid-template-columns: 52px minmax(0,1fr);\n    gap: 14px;\n    padding: 18px;\n  }\n\n  .xph-collection-mark {\n    width: 50px;\n    height: 50px;\n    border-radius: 14px;\n  }\n\n  .xph-collection-action {\n    grid-column: 1 \/ -1;\n    width: 100%;\n  }\n\n  .xph-category-tabs {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    padding-bottom: 5px;\n  }\n\n  .xph-category {\n    flex: 0 0 auto;\n  }\n\n  .xph-section-heading {\n    align-items: flex-start;\n  }\n\n  .xph-section-note,\n  .xph-view-all {\n    display: none;\n  }\n}\n\n\n\/* ============================================================\n   X3AI PROFESSIONAL UX REVISION\n   - Solid black readable text\n   - Larger typography\n   - Faster navigation\n   - Two-column prompt library for easier scanning\n   ============================================================ *\/\n\n#x3ai-prompt-hub {\n  --xph-dark: #000000;\n  --xph-text: #000000;\n  --xph-muted: #000000;\n  color: #000000;\n}\n\n\/* Solid black text system: accent blue and white-on-dark are preserved. *\/\n#x3ai-prompt-hub p,\n#x3ai-prompt-hub li,\n#x3ai-prompt-hub label,\n#x3ai-prompt-hub input,\n#x3ai-prompt-hub textarea,\n#x3ai-prompt-hub select,\n#x3ai-prompt-hub button,\n#x3ai-prompt-hub .xph-sidebar-top p,\n#x3ai-prompt-hub .xph-sidebar-box p,\n#x3ai-prompt-hub .xph-main-header > p,\n#x3ai-prompt-hub .xph-framework-card p,\n#x3ai-prompt-hub .xph-level-card p,\n#x3ai-prompt-hub .xph-level-footer,\n#x3ai-prompt-hub .xph-results,\n#x3ai-prompt-hub .xph-category,\n#x3ai-prompt-hub .xph-prompt-tag,\n#x3ai-prompt-hub .xph-prompt-description,\n#x3ai-prompt-hub .xph-prompt-text,\n#x3ai-prompt-hub .xph-why,\n#x3ai-prompt-hub .xph-prompt-actions button,\n#x3ai-prompt-hub .xph-empty p,\n#x3ai-prompt-hub .xph-makeover-prompt,\n#x3ai-prompt-hub .xph-improvements li,\n#x3ai-prompt-hub .xph-workflow-intro p,\n#x3ai-prompt-hub .xph-workflow-step p,\n#x3ai-prompt-hub .xph-builder-heading p,\n#x3ai-prompt-hub .xph-form-group label,\n#x3ai-prompt-hub .xph-check-card p,\n#x3ai-prompt-hub .xph-responsible-grid p,\n#x3ai-prompt-hub .xph-readiness,\n#x3ai-prompt-hub .xph-collection-content p {\n  color: #000000;\n}\n\n#x3ai-prompt-hub input::placeholder,\n#x3ai-prompt-hub textarea::placeholder {\n  color: #000000;\n  opacity: 1;\n}\n\n\/* Keep branded labels blue instead of low-contrast gray. *\/\n#x3ai-prompt-hub .xph-section-label,\n#x3ai-prompt-hub .xph-side-label,\n#x3ai-prompt-hub .xph-makeover-label,\n#x3ai-prompt-hub .xph-prompt-box-label {\n  color: var(--xph-accent);\n}\n\n.xph-side-item,\n.xph-side-link {\n  color: #000000;\n  font-size: 13px;\n  font-weight: 650;\n}\n\n.xph-side-link {\n  width: 100%;\n  padding: 11px 12px;\n  border-radius: 12px;\n  display: grid;\n  grid-template-columns: 28px 1fr;\n  align-items: center;\n  text-align: left;\n  transition: .2s ease;\n}\n\n.xph-side-link:hover {\n  color: var(--xph-accent);\n  background: var(--xph-soft);\n}\n\n.xph-side-item-featured {\n  border: 1px solid #c8d9e2;\n  background: #ffffff;\n}\n\n.xph-sidebar {\n  align-self: start;\n  border-radius: 28px 0 0 28px;\n}\n\n.xph-main {\n  background: #ffffff;\n  border-radius: 0 28px 28px 0;\n}\n\n.xph-sidebar-top h2,\n.xph-main-header h1,\n.xph-section-heading h2,\n.xph-framework-card h3,\n.xph-level-card h3,\n.xph-prompt-card h3,\n.xph-collection-content h3,\n.xph-workflow-intro h3,\n.xph-responsible-grid h3,\n.xph-cta h2 {\n  color: #000000;\n}\n\n.xph-main-header > p {\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n.xph-toolbar {\n  grid-template-columns: minmax(0,1fr) 175px 175px;\n  margin-bottom: 18px;\n}\n\n#xph-level-select,\n#xph-sort-select {\n  border: 1px solid var(--xph-border);\n  border-radius: 14px;\n  padding: 0 15px;\n  background: #ffffff;\n  color: #000000;\n  font-size: 13px;\n  cursor: pointer;\n  min-height: 54px;\n}\n\n.xph-search > span,\n#xph-clear-search {\n  color: #000000;\n}\n\n\/* Quick access dashboard *\/\n.xph-quick-actions {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0,1fr));\n  gap: 10px;\n  margin: 0 0 44px;\n}\n\n.xph-quick-card {\n  appearance: none;\n  width: 100%;\n  min-width: 0;\n  border: 1px solid var(--xph-border);\n  border-radius: 14px;\n  background: #ffffff;\n  padding: 14px;\n  display: grid;\n  grid-template-columns: 38px minmax(0,1fr) 16px;\n  gap: 10px;\n  align-items: center;\n  text-align: left;\n  transition: .2s ease;\n  color: #000000;\n}\n\n.xph-quick-card:hover {\n  transform: translateY(-2px);\n  border-color: #B8CBD4;\n  box-shadow: 0 10px 25px rgba(30,42,100,.07);\n}\n\n.xph-quick-card-featured {\n  background: var(--xph-soft);\n  border-color: #c6d9e3;\n}\n\n.xph-quick-icon {\n  width: 36px;\n  height: 36px;\n  display: grid;\n  place-items: center;\n  border-radius: 10px;\n  background: var(--xph-soft);\n  color: var(--xph-accent);\n  font-size: 10px;\n  font-weight: 900;\n}\n\n.xph-quick-card-featured .xph-quick-icon {\n  background: var(--xph-accent);\n  color: #ffffff;\n}\n\n.xph-quick-card strong {\n  display: block;\n  color: #000000;\n  font-size: 12px;\n  line-height: 1.25;\n}\n\n.xph-quick-card small {\n  display: block;\n  color: #000000;\n  font-size: 9px;\n  line-height: 1.35;\n  margin-top: 3px;\n}\n\n.xph-quick-card b {\n  color: var(--xph-accent);\n  font-size: 15px;\n}\n\n\/* Larger, easier-to-read learning cards *\/\n.xph-framework-card p,\n.xph-level-card p {\n  font-size: 12.5px;\n  line-height: 1.65;\n}\n\n.xph-framework-card small {\n  color: #000000;\n  font-size: 11px;\n}\n\n.xph-level-footer {\n  font-size: 11px;\n}\n\n\/* Procurement collection *\/\n.xph-collection-card {\n  border: 1px solid #b9ced9;\n  box-shadow: 0 12px 30px rgba(45,95,123,.07);\n}\n\n.xph-collection-meta span {\n  color: var(--xph-accent);\n}\n\n.xph-collection-content p {\n  font-size: 12px;\n  line-height: 1.7;\n}\n\n.xph-collection-topics {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin-top: 12px;\n}\n\n.xph-collection-topics span {\n  border: 1px solid #cddde5;\n  background: #ffffff;\n  color: #000000;\n  border-radius: 20px;\n  padding: 5px 8px;\n  font-size: 8px;\n  font-weight: 750;\n}\n\n\/* Clear filter state *\/\n.xph-library-status {\n  min-height: 48px;\n  margin: 0 0 16px;\n  padding: 10px 12px;\n  border: 1px solid var(--xph-border);\n  border-radius: 12px;\n  background: #fbfcfd;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 14px;\n}\n\n.xph-library-status > div {\n  min-width: 0;\n}\n\n.xph-library-status strong {\n  display: block;\n  color: #000000;\n  font-size: 11px;\n}\n\n.xph-library-status span {\n  display: block;\n  color: #000000;\n  font-size: 9px;\n  margin-top: 2px;\n}\n\n#xph-clear-all {\n  border: 0;\n  background: transparent;\n  color: var(--xph-accent);\n  font-size: 10px;\n  font-weight: 800;\n  white-space: nowrap;\n  padding: 7px 8px;\n}\n\n\/* Prompt cards: fewer columns, larger text, cleaner hierarchy *\/\n.xph-prompt-grid {\n  grid-template-columns: repeat(2, minmax(0,1fr));\n  gap: 16px;\n}\n\n.xph-prompt-card-head {\n  padding: 22px 22px 14px;\n}\n\n.xph-prompt-tag {\n  color: #000000;\n  font-size: 9px;\n}\n\n.xph-prompt-tag-collection {\n  color: var(--xph-accent);\n}\n\n.xph-prompt-card h3 {\n  font-size: 18px;\n  line-height: 1.28;\n}\n\n.xph-prompt-description {\n  min-height: 0;\n  font-size: 12.5px;\n  line-height: 1.6;\n}\n\n.xph-prompt-box {\n  margin: 0 22px 16px;\n  padding: 16px;\n  background: #fbfcfd;\n}\n\n.xph-prompt-text {\n  color: #000000;\n  font-size: 12px;\n  line-height: 1.72;\n  max-height: 132px;\n}\n\n.xph-why {\n  margin: 0 22px 16px;\n  padding: 14px;\n  color: #000000;\n  font-size: 11.5px;\n  line-height: 1.6;\n}\n\n.xph-why strong {\n  color: var(--xph-accent);\n}\n\n.xph-prompt-actions button {\n  min-height: 50px;\n  color: #000000;\n  font-size: 11px;\n}\n\n.xph-prompt-actions .xph-copy-prompt {\n  color: var(--xph-accent);\n}\n\n.xph-load-more-wrap {\n  display: flex;\n  justify-content: center;\n  padding-top: 22px;\n}\n\n.xph-load-more {\n  min-height: 44px;\n  border: 1px solid #c8d6dd;\n  border-radius: 10px;\n  background: #ffffff;\n  color: #000000;\n  padding: 0 18px;\n  font-size: 11px;\n  font-weight: 800;\n  transition: .2s ease;\n}\n\n.xph-load-more:hover {\n  background: var(--xph-soft);\n  border-color: #B8CBD4;\n  color: var(--xph-accent);\n}\n\n\/* Builder: form remains black, generated result stays white on dark for contrast. *\/\n.xph-builder-output,\n.xph-builder-output p,\n.xph-builder-output strong,\n.xph-builder-output small,\n.xph-builder-output .xph-builder-result,\n.xph-builder-output .xph-builder-placeholder,\n.xph-builder-output .xph-builder-tip,\n.xph-builder-output .xph-builder-tip strong,\n.xph-copy-small {\n  color: #ffffff !important;\n}\n\n.xph-builder-heading-dark small {\n  color: #ffffff !important;\n}\n\n.xph-form-group input,\n.xph-form-group textarea,\n.xph-form-group select {\n  color: #000000;\n  font-size: 12px;\n}\n\n\/* Responsible AI and checklist readability *\/\n.xph-check-card strong,\n.xph-responsible-grid h3 {\n  color: #000000;\n}\n\n.xph-check-card p,\n.xph-responsible-grid p {\n  font-size: 11.5px;\n  line-height: 1.6;\n}\n\n\/* CTA uses white text intentionally for accessibility on the blue background. *\/\n.xph-cta,\n.xph-cta h2,\n.xph-cta p,\n.xph-cta .xph-section-label,\n.xph-cta .xph-cta-secondary {\n  color: #ffffff !important;\n}\n\n.xph-cta-primary {\n  color: var(--xph-accent) !important;\n}\n\n@media (min-width: 1201px) {\n  .xph-sidebar {\n    position: sticky;\n    top: 18px;\n    max-height: calc(100vh - 36px);\n    overflow-y: auto;\n    scrollbar-width: thin;\n  }\n}\n\n@media (max-width: 1200px) {\n  .xph-quick-actions {\n    grid-template-columns: repeat(2, minmax(0,1fr));\n  }\n\n  .xph-toolbar {\n    grid-template-columns: minmax(0,1fr) 160px 160px;\n  }\n}\n\n@media (max-width: 800px) {\n  .xph-sidebar {\n    position: static;\n    max-height: none;\n    overflow: visible;\n    border-radius: 20px 20px 0 0;\n  }\n\n  .xph-main {\n    border-radius: 0 0 20px 20px;\n  }\n\n  .xph-side-link {\n    display: flex;\n    width: auto;\n    min-width: max-content;\n    gap: 7px;\n  }\n\n  .xph-toolbar {\n    grid-template-columns: 1fr;\n  }\n\n  #xph-level-select,\n  #xph-sort-select {\n    min-height: 50px;\n  }\n\n  .xph-quick-actions,\n  .xph-prompt-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .xph-quick-actions {\n    margin-bottom: 34px;\n  }\n}\n\n@media (max-width: 480px) {\n  .xph-library-status {\n    align-items: flex-start;\n  }\n\n  .xph-prompt-card h3 {\n    font-size: 17px;\n  }\n\n  .xph-prompt-text {\n    font-size: 11.5px;\n  }\n}\n\n<\/style>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  \"use strict\";\n\n  const app = document.getElementById(\"x3ai-prompt-hub\");\n  if (!app) return;\n\n  \/* ========================= PROMPT DATABASE ========================= *\/\n  const prompts = [\n    {\n      title: \"Explain a Topic Simply\",\n      level: \"Beginner\",\n      category: \"Productivity\",\n      description: \"Turn a difficult topic into an easy-to-understand explanation.\",\n      prompt: `Explain [TOPIC] to someone with no previous knowledge of it.\\n\\nUse simple, clear language.\\n\\nInclude:\\n- a short definition\\n- why it matters\\n- three everyday examples\\n- five important terms to remember\\n\\nAvoid unnecessary technical jargon.`,\n      why: \"It defines the audience, level of complexity and the exact structure expected from the answer.\"\n    },\n    {\n      title: \"Summarize a Document\",\n      level: \"Beginner\",\n      category: \"Productivity\",\n      description: \"Turn a long document into a concise structured overview.\",\n      prompt: `Summarize the following text for [AUDIENCE].\\n\\nFocus on:\\n- the main idea\\n- important facts\\n- key decisions or conclusions\\n- important numbers or dates\\n- actions that need to be taken\\n\\nPresent the result using clear headings and bullet points.\\n\\nTEXT:\\n[PASTE TEXT HERE]`,\n      why: \"It tells AI which information matters instead of asking for a generic summary.\"\n    },\n    {\n      title: \"Improve an Email\",\n      level: \"Beginner\",\n      category: \"Writing\",\n      description: \"Turn rough writing into clear and professional communication.\",\n      prompt: `Improve the following email.\\n\\nKeep the original meaning, but make it:\\n- clear\\n- professional\\n- natural\\n- concise\\n- polite\\n\\nDo not add information that is not in the original message.\\n\\nEMAIL:\\n[PASTE EMAIL HERE]`,\n      why: \"It defines the desired improvements while preventing the AI from inventing new facts.\"\n    },\n    {\n      title: \"Create a To-Do List\",\n      level: \"Beginner\",\n      category: \"Productivity\",\n      description: \"Turn notes or responsibilities into an organized action list.\",\n      prompt: `Turn the following information into a practical to-do list.\\n\\nOrganize tasks by:\\n1. priority\\n2. deadline\\n3. logical order\\n\\nFor each task include:\\n- action\\n- priority\\n- deadline if known\\n- next step\\n\\nDo not invent deadlines.\\n\\nINFORMATION:\\n[PASTE INFORMATION HERE]`,\n      why: \"It converts unstructured information into a defined and actionable format.\"\n    },\n    {\n      title: \"Brainstorm Ideas\",\n      level: \"Beginner\",\n      category: \"Marketing\",\n      description: \"Generate ideas that stay relevant to a defined objective.\",\n      prompt: `Generate 10 practical ideas for [GOAL].\\n\\nContext:\\n[ADD CONTEXT]\\n\\nTarget audience:\\n[AUDIENCE]\\n\\nFor each idea provide:\\n- a short title\\n- one-sentence explanation\\n- why it could work\\n\\nPrioritize realistic ideas over generic suggestions.`,\n      why: \"It provides a goal, audience and evaluation preference instead of requesting random ideas.\"\n    },\n    {\n      title: \"Learn a New Skill\",\n      level: \"Beginner\",\n      category: \"Productivity\",\n      description: \"Create a structured introduction to a skill or subject.\",\n      prompt: `I want to learn [SKILL OR TOPIC].\\n\\nMy current level is [BEGINNER \/ INTERMEDIATE \/ ADVANCED].\\n\\nCreate a learning path that includes:\\n- fundamentals to learn first\\n- recommended order\\n- practical exercises\\n- common mistakes\\n- how to test understanding\\n\\nKeep the plan realistic and easy to follow.`,\n      why: \"It gives AI the learner's level and a specific learning structure.\"\n    },\n\n    {\n      title: \"Meeting Notes to Action Plan\",\n      level: \"Intermediate\",\n      category: \"Business\",\n      description: \"Convert meeting notes into decisions, owners and next actions.\",\n      prompt: `Analyze the following meeting notes.\\n\\nCreate a structured summary containing:\\n1. Key decisions\\n2. Open questions\\n3. Action items\\n4. Responsible person, if stated\\n5. Deadline, if stated\\n6. Risks or blockers\\n\\nPresent action items in a table.\\n\\nDo not assign owners or deadlines unless they appear in the notes.\\n\\nMEETING NOTES:\\n[PASTE NOTES HERE]`,\n      why: \"It connects the output directly to follow-up work and prevents invented ownership.\"\n    },\n    {\n      title: \"Professional LinkedIn Post\",\n      level: \"Intermediate\",\n      category: \"Marketing\",\n      description: \"Create a professional post for a defined audience and objective.\",\n      prompt: `Create a LinkedIn post for [TARGET AUDIENCE] about [TOPIC].\\n\\nObjective:\\n[OBJECTIVE]\\n\\nUse a professional but accessible tone.\\n\\nStructure:\\n- concise opening hook\\n- 3 useful insights or examples\\n- practical takeaway\\n- closing question\\n\\nLength: 150\u2013200 words.\\n\\nAvoid unsupported statistics, exaggerated claims and clickbait.`,\n      why: \"The audience, objective, structure, length and content restrictions are all defined.\"\n    },\n    {\n      title: \"Customer Response\",\n      level: \"Intermediate\",\n      category: \"Writing\",\n      description: \"Prepare a clear and empathetic response to a customer issue.\",\n      prompt: `Write a professional response to the customer message below.\\n\\nThe response should:\\n- acknowledge the concern\\n- explain the situation using only the information provided\\n- avoid defensive language\\n- provide the available next step\\n- remain concise and respectful\\n\\nDo not promise refunds, compensation, deadlines or outcomes unless authorized.\\n\\nCUSTOMER MESSAGE:\\n[PASTE MESSAGE]\\n\\nAVAILABLE INFORMATION:\\n[PASTE FACTS]`,\n      why: \"It defines communication principles while controlling what the AI is allowed to promise.\"\n    },\n    {\n      title: \"Research Question Planner\",\n      level: \"Intermediate\",\n      category: \"Research\",\n      description: \"Break a broad research topic into useful questions before researching.\",\n      prompt: `Help me plan research on the following topic:\\n\\n[TOPIC]\\n\\nMy objective is:\\n[OBJECTIVE]\\n\\nCreate:\\n1. the main research question\\n2. 5\u20138 supporting questions\\n3. information needed for each question\\n4. useful source types\\n5. assumptions or biases to watch for\\n\\nDo not answer the research questions yet. Focus only on the research plan.`,\n      why: \"It separates research planning from execution, reducing premature conclusions.\"\n    },\n    {\n      title: \"Compare Two Options\",\n      level: \"Intermediate\",\n      category: \"Business\",\n      description: \"Compare choices using transparent and consistent criteria.\",\n      prompt: `Compare the following options:\\n\\nOPTION A:\\n[DETAILS]\\n\\nOPTION B:\\n[DETAILS]\\n\\nEvaluate them using these criteria:\\n[CRITERIA]\\n\\nFor each criterion:\\n- explain the difference\\n- identify advantages and disadvantages\\n- state when one option may be preferable\\n\\nFinish with a concise summary.\\n\\nIf information is missing, identify what is missing instead of guessing.`,\n      why: \"It makes the comparison transparent and explicitly handles missing information.\"\n    },\n    {\n      title: \"Create a Project Brief\",\n      level: \"Intermediate\",\n      category: \"Business\",\n      description: \"Turn a project idea into a structured brief for stakeholders.\",\n      prompt: `Create a professional project brief using the information below.\\n\\nInclude:\\n- project objective\\n- business need\\n- target users or stakeholders\\n- scope\\n- deliverables\\n- dependencies\\n- major risks\\n- success criteria\\n- immediate next steps\\n\\nClearly mark information that has not yet been defined.\\n\\nPROJECT INFORMATION:\\n[PASTE DETAILS]`,\n      why: \"It creates a consistent business structure while making information gaps visible.\"\n    },\n\n    {\n      title: \"Structured Competitor Analysis\",\n      level: \"Advanced\",\n      category: \"Research\",\n      description: \"Analyze competitors with consistent business criteria and evidence discipline.\",\n      prompt: `Act as a business analyst supporting a competitor assessment.\\n\\nObjective:\\n[OBJECTIVE]\\n\\nCompanies to compare:\\n[COMPANIES]\\n\\nEvaluate each company using:\\n- target customer\\n- core offering\\n- positioning\\n- pricing approach, if known\\n- major strengths\\n- major weaknesses\\n- differentiation\\n- potential competitive threat\\n\\nSeparate:\\n1. verified information\\n2. reasonable interpretation\\n3. information that is unknown\\n\\nFinish with key patterns, possible market gaps and questions requiring more research.\\n\\nDo not present assumptions as verified facts.`,\n      why: \"It distinguishes facts, interpretation and unknowns, improving analytical discipline.\"\n    },\n    {\n      title: \"Decision Evaluation\",\n      level: \"Advanced\",\n      category: \"Business\",\n      description: \"Evaluate an important decision using criteria, assumptions and uncertainty.\",\n      prompt: `Help evaluate the following decision:\\n\\n[DECISION]\\n\\nContext:\\n[CONTEXT]\\n\\nOptions:\\n[OPTIONS]\\n\\nEvaluation criteria:\\n[CRITERIA]\\n\\nFor each option:\\n1. identify benefits\\n2. identify drawbacks\\n3. identify major risks\\n4. identify assumptions\\n5. identify missing information\\n6. explain possible second-order effects\\n\\nThen create a comparison table.\\n\\nProvide a recommendation only if the available information supports one. Otherwise explain what additional information is needed.`,\n      why: \"It exposes assumptions and prevents the AI from forcing a recommendation when evidence is weak.\"\n    },\n    {\n      title: \"Content Quality Reviewer\",\n      level: \"Advanced\",\n      category: \"Writing\",\n      description: \"Critically review existing content before creating a revised version.\",\n      prompt: `Review the content below as a professional editor.\\n\\nTarget audience:\\n[AUDIENCE]\\n\\nObjective:\\n[OBJECTIVE]\\n\\nEvaluate:\\n- clarity\\n- relevance\\n- logical structure\\n- credibility\\n- tone\\n- repetition\\n- unsupported claims\\n- strength of the conclusion\\n\\nFirst provide a concise critique. Then recommend specific changes. Finally create an improved version while preserving accurate information from the original.\\n\\nCONTENT:\\n[PASTE CONTENT]`,\n      why: \"It separates diagnosis from rewriting so the AI identifies problems before trying to fix them.\"\n    },\n    {\n      title: \"Dataset Analysis Plan\",\n      level: \"Advanced\",\n      category: \"Data\",\n      description: \"Plan an analysis before calculating or interpreting results.\",\n      prompt: `Act as a data analyst.\\n\\nBusiness question:\\n[QUESTION]\\n\\nAvailable dataset:\\n[DESCRIBE DATA OR PASTE COLUMN NAMES]\\n\\nBefore performing analysis:\\n1. identify relevant variables\\n2. identify data-quality checks\\n3. identify useful metrics\\n4. propose appropriate analyses\\n5. identify possible confounding factors\\n6. identify limitations\\n7. define what evidence would support or contradict the initial hypothesis\\n\\nDo not invent values that are not present in the dataset.`,\n      why: \"It establishes analytical logic before interpretation, reducing ad-hoc conclusions.\"\n    },\n    {\n      title: \"Software Requirements Review\",\n      level: \"Advanced\",\n      category: \"Development\",\n      description: \"Review requirements for ambiguity, gaps, edge cases and testability.\",\n      prompt: `Act as a senior software product analyst.\\n\\nReview the requirements below.\\n\\nIdentify:\\n- ambiguous requirements\\n- missing acceptance criteria\\n- conflicting requirements\\n- unclear user roles\\n- dependencies\\n- security considerations\\n- edge cases\\n- data requirements\\n- questions that should be answered before development\\n\\nFor each issue, explain why it matters and suggest a clearer requirement.\\n\\nDo not design additional features unless necessary to resolve an identified requirement gap.\\n\\nREQUIREMENTS:\\n[PASTE REQUIREMENTS]`,\n      why: \"It gives explicit review criteria and limits unnecessary feature invention.\"\n    },\n    {\n      title: \"Marketing Campaign Review\",\n      level: \"Advanced\",\n      category: \"Marketing\",\n      description: \"Critically evaluate a campaign before execution.\",\n      prompt: `Review the following marketing campaign plan.\\n\\nBusiness objective:\\n[OBJECTIVE]\\n\\nTarget audience:\\n[AUDIENCE]\\n\\nCampaign:\\n[CAMPAIGN DETAILS]\\n\\nEvaluate:\\n1. audience-message fit\\n2. clarity of value proposition\\n3. channel suitability\\n4. call to action\\n5. differentiation\\n6. measurement plan\\n7. potential risks\\n8. unsupported assumptions\\n\\nRate each area from 1\u20135 and explain the rating.\\n\\nFinish with the five highest-priority improvements.\\n\\nDo not invent performance benchmarks.`,\n      why: \"Fixed evaluation criteria make the review systematic rather than preference-based.\"\n    },\n\n    {\n      title: \"Executive Briefing Workflow\",\n      level: \"Professional\",\n      category: \"Business\",\n      description: \"Transform detailed information into a decision-oriented executive briefing.\",\n      prompt: `You are preparing an executive briefing for senior leadership.\\n\\nOBJECTIVE:\\n[DECISION OR PURPOSE]\\n\\nSOURCE MATERIAL:\\n[PASTE INFORMATION]\\n\\nWork through the task in four stages:\\n\\nSTAGE 1 \u2014 EXTRACT\\nIdentify facts, metrics, decisions, risks and unresolved questions.\\n\\nSTAGE 2 \u2014 PRIORITIZE\\nDetermine which information is most relevant to the objective.\\n\\nSTAGE 3 \u2014 DRAFT\\nCreate an executive briefing containing:\\n- situation\\n- key findings\\n- business implications\\n- risks\\n- decisions required\\n- recommended next actions\\n\\nSTAGE 4 \u2014 QUALITY REVIEW\\nCheck for unsupported claims, unnecessary detail, unclear recommendations, missing information and contradictions.\\n\\nClearly distinguish facts from interpretation. Do not invent missing information.`,\n      why: \"This workflow separates extraction, prioritization, drafting and quality control.\"\n    },\n    {\n      title: \"Market Opportunity Assessment\",\n      level: \"Professional\",\n      category: \"Research\",\n      description: \"Structure evidence before deciding whether a market opportunity is attractive.\",\n      prompt: `Act as a strategy analyst evaluating a potential market opportunity.\\n\\nMARKET:\\n[MARKET]\\n\\nBUSINESS CONTEXT:\\n[CONTEXT]\\n\\nAVAILABLE EVIDENCE:\\n[SOURCES \/ NOTES \/ DATA]\\n\\nAnalyze:\\n1. Customer problem\\n2. Target segments\\n3. Demand indicators\\n4. Existing alternatives\\n5. Competitive intensity\\n6. Differentiation opportunities\\n7. Barriers to entry\\n8. Commercial risks\\n9. Operational requirements\\n10. Major unknowns\\n\\nFor every important conclusion, indicate whether it is supported by evidence, an interpretation or an assumption.\\n\\nFinish with the strongest evidence for and against the opportunity, missing information and recommended next research steps.`,\n      why: \"It forces evidence classification and balanced analysis instead of a predetermined conclusion.\"\n    },\n    {\n      title: \"Vendor Selection Framework\",\n      level: \"Professional\",\n      category: \"Business\",\n      description: \"Evaluate multiple vendors with transparent and repeatable criteria.\",\n      prompt: `You are supporting a professional vendor-selection process.\\n\\nBUSINESS REQUIREMENTS:\\n[REQUIREMENTS]\\n\\nVENDORS:\\n[VENDOR INFORMATION]\\n\\nEvaluate:\\n- functional fit\\n- implementation effort\\n- integration requirements\\n- security\\n- scalability\\n- usability\\n- support\\n- commercial considerations\\n- vendor risk\\n\\nAssign weights only if they are explicitly provided. Otherwise leave weighting open.\\n\\nFor each vendor, score only criteria supported by available information, explain the reasoning, identify missing evidence and identify potential risks.\\n\\nThen provide a comparison matrix, major trade-offs, due-diligence questions and a provisional recommendation if justified.\\n\\nDo not treat missing information as a positive score.`,\n      why: \"It prevents confident scoring when the evidence needed for a criterion is missing.\"\n    },\n    {\n      title: \"Sales Account Preparation\",\n      level: \"Professional\",\n      category: \"Sales\",\n      description: \"Prepare a structured account brief before a B2B customer conversation.\",\n      prompt: `Act as a B2B sales research assistant.\\n\\nTARGET ACCOUNT:\\n[COMPANY]\\n\\nAVAILABLE INFORMATION:\\n[PASTE VERIFIED INFORMATION]\\n\\nOUR OFFERING:\\n[PRODUCT OR SERVICE]\\n\\nPrepare an account brief containing:\\n1. Company context\\n2. Relevant strategic priorities\\n3. Possible operational challenges\\n4. Potential alignment with our offering\\n5. Relevant stakeholders\\n6. Discovery questions\\n7. Potential objections\\n8. Information that must be verified\\n\\nSeparate known facts from hypotheses. Do not claim the customer has a problem unless evidence supports it.\\n\\nFinish with 5 high-quality discovery questions.`,\n      why: \"It turns possible pain points into hypotheses to validate instead of treating them as facts.\"\n    },\n    {\n      title: \"Recruitment Candidate Evaluation\",\n      level: \"Professional\",\n      category: \"HR\",\n      description: \"Structure candidate assessment around job-relevant evidence.\",\n      prompt: `Support a structured candidate review for the following role.\\n\\nROLE REQUIREMENTS:\\n[REQUIREMENTS]\\n\\nCANDIDATE INFORMATION:\\n[CV \/ INTERVIEW NOTES]\\n\\nEvaluate only job-relevant evidence against the stated requirements.\\n\\nFor each requirement:\\n- evidence supporting fit\\n- evidence indicating a gap\\n- information still unknown\\n\\nThen provide demonstrated strengths, development areas, follow-up interview questions and areas requiring verification.\\n\\nDo not infer protected personal characteristics or use them in the evaluation. Do not invent candidate experience.`,\n      why: \"It anchors the assessment to role requirements and limits unsupported or inappropriate inferences.\"\n    },\n    {\n      title: \"Business Process Improvement\",\n      level: \"Professional\",\n      category: \"Business\",\n      description: \"Analyze a workflow systematically before recommending automation.\",\n      prompt: `Act as a process-improvement analyst.\\n\\nPROCESS:\\n[DESCRIBE CURRENT PROCESS]\\n\\nOBJECTIVE:\\n[OBJECTIVE]\\n\\nAnalyze the process in this order:\\n1. Map major steps\\n2. Identify inputs and outputs\\n3. Identify handoffs\\n4. Identify repetitive work\\n5. Identify delays or bottlenecks\\n6. Identify error risks\\n7. Identify activities requiring human judgment\\n8. Identify possible automation opportunities\\n\\nFor each improvement opportunity, explain expected benefit, implementation complexity, potential risk and whether human oversight is required.\\n\\nDo not recommend AI automation merely because a step is repetitive. Consider reliability, privacy, security and business impact.`,\n      why: \"It analyzes the process first and treats AI automation as one possible intervention rather than the automatic answer.\"\n    },\n\n    {\n      title: \"Identify cost-saving opportunities\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: identify cost-saving opportunities.\",\n      prompt: \"Act as an experienced Chief Procurement Officer. Analyze my spend data and identify the highest-value cost-saving opportunities by category, supplier and business unit. Prioritize recommendations by savings potential, implementation effort and business risk.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Compare supplier proposals\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: compare supplier proposals.\",\n      prompt: \"Act as an experienced CPO. Compare the attached supplier proposals using total cost of ownership, quality, delivery, ESG, financial stability and strategic fit. Recommend the best supplier with clear justification.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Supplier risk assessment\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: supplier risk assessment.\",\n      prompt: \"Assess my supplier portfolio for financial, operational, geopolitical, ESG and cybersecurity risks. Classify suppliers by risk level and recommend mitigation actions.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Spend analysis\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: spend analysis.\",\n      prompt: \"Analyze the spend data and identify trends, maverick spending and consolidation opportunities.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Category strategy\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: category strategy.\",\n      prompt: \"Develop a category strategy for the attached spend category with short-, medium- and long-term initiatives.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Supplier consolidation\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: supplier consolidation.\",\n      prompt: \"Identify suppliers that can be consolidated to reduce costs and complexity.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Tail spend analysis\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: tail spend analysis.\",\n      prompt: \"Analyze tail spend and recommend optimization initiatives.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Negotiation strategy\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: negotiation strategy.\",\n      prompt: \"Prepare a negotiation strategy for the selected supplier including objectives, fallback positions and expected savings.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Contract review\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: contract review.\",\n      prompt: \"Review the contract and identify commercial risks, missing clauses and negotiation opportunities.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Contract comparison\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: contract comparison.\",\n      prompt: \"Compare two contract versions and summarize all commercial and legal changes.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Savings pipeline\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: savings pipeline.\",\n      prompt: \"Create a 12-month procurement savings pipeline ranked by impact.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Supplier scorecard\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: supplier scorecard.\",\n      prompt: \"Create a supplier performance scorecard using KPIs and improvement actions.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"RFP evaluation\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: rfp evaluation.\",\n      prompt: \"Evaluate the RFP responses and rank suppliers objectively.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Should-cost analysis\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: should-cost analysis.\",\n      prompt: \"Estimate a fair market price using should-cost principles.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Benchmark pricing\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: benchmark pricing.\",\n      prompt: \"Benchmark supplier pricing against market expectations.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Payment terms\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: payment terms.\",\n      prompt: \"Identify opportunities to improve payment terms.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Inventory optimization\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: inventory optimization.\",\n      prompt: \"Recommend procurement actions to reduce excess inventory.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Demand forecasting\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: demand forecasting.\",\n      prompt: \"Use historical demand to forecast procurement volumes.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Dual sourcing\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: dual sourcing.\",\n      prompt: \"Identify categories where dual sourcing would reduce risk.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Single-source risk\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: single-source risk.\",\n      prompt: \"Highlight critical single-source dependencies.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"ESG assessment\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: esg assessment.\",\n      prompt: \"Assess suppliers against ESG criteria and recommend improvements.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Carbon reduction\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: carbon reduction.\",\n      prompt: \"Identify procurement initiatives to reduce supply-chain emissions.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Supplier innovation\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: supplier innovation.\",\n      prompt: \"Identify suppliers that can contribute innovation.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Make-or-buy\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: make-or-buy.\",\n      prompt: \"Perform a make-or-buy assessment with recommendation.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Procurement KPI dashboard\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: procurement kpi dashboard.\",\n      prompt: \"Design an executive procurement KPI dashboard.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Procurement maturity\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: procurement maturity.\",\n      prompt: \"Assess procurement maturity and recommend improvements.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Digital procurement roadmap\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: digital procurement roadmap.\",\n      prompt: \"Develop a procurement digital transformation roadmap.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"AI opportunities\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: ai opportunities.\",\n      prompt: \"Identify high-value AI use cases in procurement.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Supplier segmentation\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: supplier segmentation.\",\n      prompt: \"Segment suppliers using strategic importance and risk.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Stakeholder analysis\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: stakeholder analysis.\",\n      prompt: \"Analyze stakeholder expectations for a sourcing project.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Supplier business review\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: supplier business review.\",\n      prompt: \"Prepare a quarterly business review agenda and analysis.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Cost breakdown\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: cost breakdown.\",\n      prompt: \"Break down total cost of ownership.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Procurement policy review\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: procurement policy review.\",\n      prompt: \"Review procurement policies and recommend updates.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Compliance assessment\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: compliance assessment.\",\n      prompt: \"Identify procurement compliance gaps.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Supplier onboarding\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: supplier onboarding.\",\n      prompt: \"Design an optimized supplier onboarding process.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Supplier exit plan\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: supplier exit plan.\",\n      prompt: \"Prepare a supplier exit and transition plan.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Global sourcing\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: global sourcing.\",\n      prompt: \"Evaluate global sourcing opportunities.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Local sourcing\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: local sourcing.\",\n      prompt: \"Assess opportunities for local sourcing.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Commodity outlook\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: commodity outlook.\",\n      prompt: \"Summarize commodity market trends and procurement implications.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Supply disruption plan\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: supply disruption plan.\",\n      prompt: \"Prepare a contingency plan for supply disruption.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Supplier financial review\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: supplier financial review.\",\n      prompt: \"Assess supplier financial health.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Procurement organization\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: procurement organization.\",\n      prompt: \"Recommend an optimized procurement organization.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Category prioritization\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: category prioritization.\",\n      prompt: \"Prioritize procurement categories for strategic focus.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Procurement business case\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: procurement business case.\",\n      prompt: \"Develop a business case for a procurement initiative.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Executive board summary\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: executive board summary.\",\n      prompt: \"Create a board-ready procurement summary.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Supplier meeting preparation\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: supplier meeting preparation.\",\n      prompt: \"Prepare key questions and negotiation topics.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Procurement SWOT\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: procurement swot.\",\n      prompt: \"Create a SWOT analysis of the procurement organization.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Savings validation\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: savings validation.\",\n      prompt: \"Validate whether reported savings are sustainable.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Annual procurement strategy\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: annual procurement strategy.\",\n      prompt: \"Draft the annual procurement strategy.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    },\n    {\n      title: \"Procurement action plan\",\n      level: \"Professional\",\n      category: \"Procurement\",\n      collection: \"CPO Playbook\",\n      description: \"Executive procurement use case: procurement action plan.\",\n      prompt: \"Create a 90-day procurement action plan.\",\n      why: \"Part of the X3AI Executive AI Playbook for CPOs. Add the relevant procurement data, supplier information, documents and internal constraints before use, and verify important outputs before making business decisions.\"\n    }\n  ];\n\n  const promptGrid = app.querySelector(\"#xph-prompt-grid\");\n  const searchInput = app.querySelector(\"#xph-search-input\");\n  const clearSearch = app.querySelector(\"#xph-clear-search\");\n  const levelSelect = app.querySelector(\"#xph-level-select\");\n  const categoryButtons = app.querySelectorAll(\".xph-category\");\n  const resultCount = app.querySelector(\"#xph-result-count\");\n  const emptyState = app.querySelector(\"#xph-empty\");\n  const resetFilters = app.querySelector(\"#xph-reset-filters\");\n  const sideItems = app.querySelectorAll(\".xph-side-item\");\n  const levelCards = app.querySelectorAll(\"[data-level-card]\");\n  const openCpoButton = app.querySelector(\"#xph-open-cpo\");\n  const sortSelect = app.querySelector(\"#xph-sort-select\");\n  const filterSummary = app.querySelector(\"#xph-filter-summary\");\n  const showingCount = app.querySelector(\"#xph-showing-count\");\n  const clearAllButton = app.querySelector(\"#xph-clear-all\");\n  const loadMoreButton = app.querySelector(\"#xph-load-more\");\n  const loadMoreWrap = app.querySelector(\"#xph-load-more-wrap\");\n  const quickCards = app.querySelectorAll(\"[data-quick]\");\n\n  let activeCategory = \"All\";\n  let filteredPrompts = prompts.slice();\n  let visibleLimit = 12;\n  const PAGE_SIZE = 12;\n\n  function escapeHTML(value) {\n    return String(value)\n      .replace(\/&\/g, \"&amp;\")\n      .replace(\/<\/g, \"&lt;\")\n      .replace(\/>\/g, \"&gt;\")\n      .replace(\/\"\/g, \"&quot;\")\n      .replace(\/'\/g, \"&#039;\");\n  }\n\n  function renderPrompts(items) {\n    promptGrid.innerHTML = \"\";\n\n    const visibleItems = items.slice(0, visibleLimit);\n\n    visibleItems.forEach(function (item) {\n      const card = document.createElement(\"article\");\n      card.className = \"xph-prompt-card\";\n\n      card.innerHTML = `\n        <div class=\"xph-prompt-card-head\">\n          <div class=\"xph-prompt-meta\">\n            <span class=\"xph-prompt-tag\">${escapeHTML(item.level)}<\/span>\n            <span class=\"xph-prompt-tag\">${escapeHTML(item.category)}<\/span>\n            ${item.collection ? `<span class=\"xph-prompt-tag xph-prompt-tag-collection\">${escapeHTML(item.collection)}<\/span>` : \"\"}\n          <\/div>\n          <h3>${escapeHTML(item.title)}<\/h3>\n          <p class=\"xph-prompt-description\">${escapeHTML(item.description)}<\/p>\n        <\/div>\n\n        <div class=\"xph-prompt-box\">\n          <span class=\"xph-prompt-box-label\">COPY &amp; PASTE PROMPT<\/span>\n          <div class=\"xph-prompt-text\">${escapeHTML(item.prompt)}<\/div>\n        <\/div>\n\n        <div class=\"xph-why\">\n          <strong>How to use it:<\/strong> ${escapeHTML(item.why)}\n        <\/div>\n\n        <div class=\"xph-prompt-actions\">\n          <button type=\"button\" class=\"xph-view-prompt\">Open prompt<\/button>\n          <button type=\"button\" class=\"xph-copy-prompt\">Copy prompt<\/button>\n        <\/div>\n      `;\n\n      card.querySelector(\".xph-view-prompt\").addEventListener(\"click\", function () {\n        card.classList.toggle(\"expanded\");\n        this.textContent = card.classList.contains(\"expanded\") ? \"Close prompt\" : \"Open prompt\";\n      });\n\n      card.querySelector(\".xph-copy-prompt\").addEventListener(\"click\", function () {\n        copyText(item.prompt);\n      });\n\n      promptGrid.appendChild(card);\n    });\n\n    resultCount.textContent = items.length;\n    promptGrid.style.display = items.length ? \"grid\" : \"none\";\n    emptyState.style.display = items.length ? \"none\" : \"block\";\n\n    const shown = Math.min(visibleLimit, items.length);\n    showingCount.textContent = items.length ? `Showing ${shown} of ${items.length}` : \"No matching prompts\";\n    loadMoreWrap.style.display = items.length > visibleLimit ? \"flex\" : \"none\";\n  }\n\n  function updateFilterSummary() {\n    const parts = [];\n    const query = searchInput.value.trim();\n    const selectedLevel = levelSelect.value;\n\n    if (activeCategory !== \"All\") parts.push(activeCategory);\n    if (selectedLevel !== \"All\") parts.push(selectedLevel);\n    if (query) parts.push(`Search: \u201c${query}\u201d`);\n\n    filterSummary.textContent = parts.length\n      ? `Filtered by ${parts.join(\" \u2022 \")}`\n      : \"Showing all prompts\";\n  }\n\n  function filterPrompts(resetLimit) {\n    const query = searchInput.value.trim().toLowerCase();\n    const selectedLevel = levelSelect.value;\n\n    filteredPrompts = prompts.filter(function (item) {\n      const searchText = [\n        item.title,\n        item.level,\n        item.category,\n        item.collection || \"\",\n        item.description,\n        item.prompt,\n        item.why\n      ].join(\" \").toLowerCase();\n\n      const searchMatch = !query || searchText.includes(query);\n      const levelMatch = selectedLevel === \"All\" || item.level === selectedLevel;\n      const categoryMatch = activeCategory === \"All\" || item.category === activeCategory;\n\n      return searchMatch && levelMatch && categoryMatch;\n    });\n\n    const sortValue = sortSelect ? sortSelect.value : \"recommended\";\n    if (sortValue === \"az\") {\n      filteredPrompts.sort(function (a, b) {\n        return a.title.localeCompare(b.title);\n      });\n    }\n\n    if (sortValue === \"level\") {\n      const rank = { Beginner: 1, Intermediate: 2, Advanced: 3, Professional: 4 };\n      filteredPrompts.sort(function (a, b) {\n        return (rank[a.level] - rank[b.level]) || a.title.localeCompare(b.title);\n      });\n    }\n\n    if (resetLimit !== false) visibleLimit = PAGE_SIZE;\n    updateFilterSummary();\n    renderPrompts(filteredPrompts);\n  }\n\n  function setCategory(category) {\n    activeCategory = category;\n    categoryButtons.forEach(function (button) {\n      button.classList.toggle(\"active\", button.dataset.category === category);\n    });\n  }\n\n  function clearSideActive() {\n    sideItems.forEach(function (button) {\n      button.classList.remove(\"active\");\n    });\n  }\n\n  categoryButtons.forEach(function (button) {\n    button.addEventListener(\"click\", function () {\n      const category = this.dataset.category;\n      setCategory(category);\n      clearSideActive();\n      const matchingSideItem = app.querySelector(`.xph-side-item[data-category=\"${category}\"]`);\n      if (matchingSideItem) matchingSideItem.classList.add(\"active\");\n      if (category === \"All\") {\n        const overviewItem = app.querySelector('.xph-side-item[data-view=\"overview\"]');\n        if (overviewItem) overviewItem.classList.add(\"active\");\n      }\n      filterPrompts(true);\n    });\n  });\n\n  if (openCpoButton) {\n    openCpoButton.addEventListener(\"click\", function () {\n      searchInput.value = \"\";\n      levelSelect.value = \"Professional\";\n      setCategory(\"Procurement\");\n      clearSideActive();\n\n      const procurementSideItem = app.querySelector('.xph-side-item[data-category=\"Procurement\"]');\n      if (procurementSideItem) procurementSideItem.classList.add(\"active\");\n\n      filterPrompts(true);\n      app.querySelector(\"#xph-prompt-library\").scrollIntoView({\n        behavior: \"smooth\",\n        block: \"start\"\n      });\n    });\n  }\n\n  searchInput.addEventListener(\"input\", function () { filterPrompts(true); });\n  levelSelect.addEventListener(\"change\", function () { filterPrompts(true); });\n  if (sortSelect) sortSelect.addEventListener(\"change\", function () { filterPrompts(true); });\n\n  clearSearch.addEventListener(\"click\", function () {\n    searchInput.value = \"\";\n    filterPrompts(true);\n    searchInput.focus();\n  });\n\n  function resetAllFilters() {\n    searchInput.value = \"\";\n    levelSelect.value = \"All\";\n    if (sortSelect) sortSelect.value = \"recommended\";\n    setCategory(\"All\");\n    clearSideActive();\n    const overviewItem = app.querySelector('.xph-side-item[data-view=\"overview\"]');\n    if (overviewItem) overviewItem.classList.add(\"active\");\n    filterPrompts(true);\n  }\n\n  resetFilters.addEventListener(\"click\", resetAllFilters);\n  if (clearAllButton) clearAllButton.addEventListener(\"click\", resetAllFilters);\n\n  if (loadMoreButton) {\n    loadMoreButton.addEventListener(\"click\", function () {\n      visibleLimit += PAGE_SIZE;\n      renderPrompts(filteredPrompts);\n    });\n  }\n\n  quickCards.forEach(function (card) {\n    card.addEventListener(\"click\", function () {\n      const action = this.dataset.quick;\n      if (action === \"all\") {\n        resetAllFilters();\n        app.querySelector(\"#xph-prompt-library\").scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      }\n      if (action === \"procurement\") {\n        searchInput.value = \"\";\n        levelSelect.value = \"Professional\";\n        if (sortSelect) sortSelect.value = \"recommended\";\n        setCategory(\"Procurement\");\n        clearSideActive();\n        const procurementSideItem = app.querySelector('.xph-side-item[data-category=\"Procurement\"]');\n        if (procurementSideItem) procurementSideItem.classList.add(\"active\");\n        filterPrompts(true);\n        app.querySelector(\"#xph-prompt-library\").scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      }\n    });\n  });\n\n  levelCards.forEach(function (card) {\n    card.addEventListener(\"click\", function () {\n      const level = this.dataset.levelCard;\n      levelSelect.value = level;\n      setCategory(\"All\");\n      clearSideActive();\n      const levelSideItem = app.querySelector(`.xph-side-item[data-level=\"${level}\"]`);\n      if (levelSideItem) levelSideItem.classList.add(\"active\");\n      filterPrompts(true);\n      app.querySelector(\"#xph-prompt-library\").scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n    });\n  });\n\n  sideItems.forEach(function (button) {\n    button.addEventListener(\"click\", function () {\n      clearSideActive();\n      this.classList.add(\"active\");\n\n      const view = this.dataset.view;\n\n      if (view === \"overview\") {\n        searchInput.value = \"\";\n        levelSelect.value = \"All\";\n        setCategory(\"All\");\n        filterPrompts(true);\n        app.querySelector(\"#xph-overview\").scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      }\n\n      if (view === \"level\") {\n        searchInput.value = \"\";\n        levelSelect.value = this.dataset.level;\n        setCategory(\"All\");\n        filterPrompts(true);\n        app.querySelector(\"#xph-prompt-library\").scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      }\n\n      if (view === \"category\") {\n        searchInput.value = \"\";\n        levelSelect.value = \"All\";\n        setCategory(this.dataset.category);\n        filterPrompts(true);\n        app.querySelector(\"#xph-prompt-library\").scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      }\n    });\n  });\n\n  \/* ========================= COPY ========================= *\/\n  const toast = document.createElement(\"div\");\n  toast.className = \"xph-toast\";\n  toast.textContent = \"Copied\";\n  app.appendChild(toast);\n  let toastTimer;\n\n  function showToast(message) {\n    toast.textContent = message;\n    toast.classList.add(\"show\");\n    clearTimeout(toastTimer);\n    toastTimer = setTimeout(function () {\n      toast.classList.remove(\"show\");\n    }, 1700);\n  }\n\n  function fallbackCopy(text) {\n    const textarea = document.createElement(\"textarea\");\n    textarea.value = text;\n    textarea.style.position = \"fixed\";\n    textarea.style.opacity = \"0\";\n    document.body.appendChild(textarea);\n    textarea.focus();\n    textarea.select();\n\n    try {\n      document.execCommand(\"copy\");\n      showToast(\"Prompt copied\");\n    } catch (error) {\n      showToast(\"Copy failed\");\n    }\n\n    document.body.removeChild(textarea);\n  }\n\n  function copyText(text) {\n    if (navigator.clipboard && window.isSecureContext) {\n      navigator.clipboard.writeText(text)\n        .then(function () { showToast(\"Prompt copied\"); })\n        .catch(function () { fallbackCopy(text); });\n    } else {\n      fallbackCopy(text);\n    }\n  }\n\n  \/* ========================= BUILDER ========================= *\/\n  const builderGoal = app.querySelector(\"#xph-builder-goal\");\n  const builderAudience = app.querySelector(\"#xph-builder-audience\");\n  const builderTone = app.querySelector(\"#xph-builder-tone\");\n  const builderContext = app.querySelector(\"#xph-builder-context\");\n  const builderOutput = app.querySelector(\"#xph-builder-output\");\n  const builderLength = app.querySelector(\"#xph-builder-length\");\n  const builderConstraints = app.querySelector(\"#xph-builder-constraints\");\n  const builderResult = app.querySelector(\"#xph-builder-result\");\n  const generateButton = app.querySelector(\"#xph-generate-prompt\");\n  const copyBuilder = app.querySelector(\"#xph-copy-builder\");\n  let generatedPrompt = \"\";\n\n  generateButton.addEventListener(\"click\", function () {\n    const goal = builderGoal.value.trim();\n\n    if (!goal) {\n      builderGoal.focus();\n      showToast(\"Add your task first\");\n      return;\n    }\n\n    const audience = builderAudience.value.trim();\n    const tone = builderTone.value;\n    const context = builderContext.value.trim();\n    const output = builderOutput.value;\n    const length = builderLength.value;\n    const constraints = builderConstraints.value.trim();\n\n    const sections = [];\n    sections.push(`OBJECTIVE:\\n${goal}`);\n\n    if (context) sections.push(`CONTEXT:\\n${context}`);\n    if (audience) sections.push(`AUDIENCE:\\n${audience}`);\n\n    const requirements = [];\n    if (tone) requirements.push(`Use a ${tone.toLowerCase()} tone.`);\n    if (output) requirements.push(`Present the result as a ${output.toLowerCase()}.`);\n    if (length) requirements.push(`Preferred length: ${length}.`);\n    if (constraints) requirements.push(`Additional requirements:\\n${constraints}`);\n    requirements.push(\"If important information is missing, identify what is missing rather than inventing facts.\");\n\n    sections.push(`REQUIREMENTS:\\n${requirements.join(\"\\n\")}`);\n    generatedPrompt = sections.join(\"\\n\\n\");\n    builderResult.textContent = generatedPrompt;\n    showToast(\"Prompt generated\");\n  });\n\n  copyBuilder.addEventListener(\"click\", function () {\n    if (!generatedPrompt) {\n      showToast(\"Generate a prompt first\");\n      return;\n    }\n    copyText(generatedPrompt);\n  });\n\n  \/* ========================= CHECKLIST ========================= *\/\n  const checks = app.querySelectorAll(\"#xph-check-grid input[type='checkbox']\");\n  const readinessNumber = app.querySelector(\"#xph-readiness-number\");\n  const readinessFill = app.querySelector(\"#xph-readiness-fill\");\n\n  function updateReadiness() {\n    const checked = Array.from(checks).filter(function (input) { return input.checked; }).length;\n    const percentage = Math.round((checked \/ checks.length) * 100);\n    readinessNumber.textContent = percentage + \"%\";\n    readinessFill.style.width = percentage + \"%\";\n  }\n\n  checks.forEach(function (input) {\n    input.addEventListener(\"change\", updateReadiness);\n  });\n\n  \/* ========================= INITIAL ========================= *\/\n  filterPrompts(true);\n});\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Build Better Prompts. Get Better Results. Learn the principles behind effective AI prompting, apply proven prompt structures, and progress from simple everyday requests to structured professional workflows. Understand Prompt Structure Learn how strong prompts combine a clear goal, relevant context, specific instructions, constraints, and the desired output format. Apply Practical Prompt Templates Explore ready-to-use prompts [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":389,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"iawp_total_views":11,"footnotes":""},"class_list":["post-372","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/pages\/372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/comments?post=372"}],"version-history":[{"count":16,"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/pages\/372\/revisions"}],"predecessor-version":[{"id":425,"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/pages\/372\/revisions\/425"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/media\/389"}],"wp:attachment":[{"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/media?parent=372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}