⚡ Prompt · parksy-logs · 전문가말투 Prompt Engine Collection

🚀 OrbitPrompt Setup Guide

Prerequisites → GitHub Setup → Variables → Agent Instructions

📋 Phase 1: Prerequisites Checklist

⚠️ You must check all items to proceed to the next step.
0 / 4 completed

⚙️ Phase 2: GitHub Repository Setup (Manual)

⚠️ This step must be done manually on GitHub. The Agent cannot do this for you!
0 / 5 completed

📝 Phase 3: Enter Variables

Enter the information from Phase 2. URL preview updates in real-time.

📍 Deployment URL Preview
https://[username].github.io/[repo]/

📋 Phase 4: Agent Instructions

✅ Copy the instructions below and paste into GitHub Copilot Chat!

Copy → Paste into Copilot Chat → Agent Executes


            

            
            

                
                
            

        

    

    
    




  ← Prompt Engines
  ·
  parksy-logs
  ·
  GitHub




\`\`\`

Commit:
\`\`\`bash
cd ..
git add prompts/D1xP1xL1xC1xE1.html
git commit -m "Add test prompt"
git push origin {{BRANCH}}
\`\`\`

**Verify:** Check Actions tab for workflow execution, index.json update
{{/IF_TEST}}

{{#IF_PWA}}
---

## Step 5: Verify PWA

Browser F12 → Application tab:
- Check Manifest section
- Verify sw.js registered in Service Workers
{{/IF_PWA}}

{{#IF_DOMAIN}}
---

## Step 6: Custom Domain

\`\`\`bash
echo "{{DOMAIN}}" > CNAME
git add CNAME
git commit -m "Add custom domain"
git push origin {{BRANCH}}
\`\`\`

DNS Setup: CNAME → {{USERNAME}}.github.io
{{/IF_DOMAIN}}

---

## ✅ Complete!

**URL:** https://{{USERNAME}}.github.io/{{REPO}}/
{{#IF_DOMAIN}}
**Domain:** https://{{DOMAIN}}/
{{/IF_DOMAIN}}`;

        function updatePhase1() {
            const checks = document.querySelectorAll('#checklist1 input[type="checkbox"]');
            let count = 0;
            checks.forEach(chk => {
                chk.closest('li').classList.toggle('checked', chk.checked);
                if (chk.checked) count++;
            });
            
            const status = document.getElementById('status1');
            status.textContent = `${count} / ${checks.length} completed`;
            status.classList.toggle('complete', count === checks.length);
            document.getElementById('next1').disabled = count < checks.length;
        }
        
        function updatePhase2() {
            const checks = document.querySelectorAll('#checklist2 input[type="checkbox"]');
            let count = 0;
            checks.forEach(chk => {
                chk.closest('li').classList.toggle('checked', chk.checked);
                if (chk.checked) count++;
            });
            
            const status = document.getElementById('status2');
            status.textContent = `${count} / ${checks.length} completed`;
            status.classList.toggle('complete', count === checks.length);
            document.getElementById('next2').disabled = count < checks.length;
        }
        
        function updatePreview() {
            const username = document.getElementById('username').value.trim();
            const repo = document.getElementById('repoName').value.trim();
            const domain = document.getElementById('domain').value.trim();
            
            const preview = document.getElementById('urlPreview');
            const previewDomain = document.getElementById('urlPreviewDomain');
            
            if (username && repo) {
                preview.textContent = `https://${username}.github.io/${repo}/`;
                preview.classList.remove('invalid');
            } else {
                preview.textContent = 'https://[username].github.io/[repo]/';
                preview.classList.add('invalid');
            }
            
            if (domain) {
                previewDomain.textContent = `https://${domain}/`;
                previewDomain.style.display = 'block';
            } else {
                previewDomain.style.display = 'none';
            }
        }
        
        function goPhase(num) {
            document.getElementById(`phase${currentPhase}`).classList.remove('active');
            document.getElementById(`tab${currentPhase}`).classList.remove('active');
            
            if (num > currentPhase) {
                document.getElementById(`tab${currentPhase}`).classList.add('completed');
            }
            
            currentPhase = num;
            document.getElementById(`phase${num}`).classList.add('active');
            document.getElementById(`tab${num}`).classList.add('active');
            document.getElementById('progressFill').style.width = `${num * 25}%`;
            
            if (num === 4) checkHttps();
            window.scrollTo({ top: 0, behavior: 'smooth' });
        }
        
        function checkHttps() {
            const isSecure = location.protocol === 'https:' || location.hostname === 'localhost';
            const warning = document.getElementById('httpsWarning');
            const copyBtn = document.getElementById('copyBtn');
            
            if (!isSecure && !navigator.clipboard) {
                warning.style.display = 'flex';
                copyBtn.disabled = true;
            } else {
                warning.style.display = 'none';
                copyBtn.disabled = false;
            }
        }
        
        function generateAndGo() {
            const vars = {
                USERNAME: document.getElementById('username').value.trim(),
                REPO: document.getElementById('repoName').value.trim(),
                BRANCH: document.getElementById('branch').value.trim(),
                DOMAIN: document.getElementById('domain').value.trim(),
                PWA: document.getElementById('pwa').value === 'true',
                TEST: document.getElementById('testPrompt').value === 'true'
            };
            
            if (!vars.USERNAME) {
                alert('Please enter GitHub Username.');
                document.getElementById('username').focus();
                return;
            }
            if (!vars.REPO) {
                alert('Please enter Repository Name.');
                document.getElementById('repoName').focus();
                return;
            }
            
            let result = TEMPLATE;
            
            for (const [k, v] of Object.entries(vars)) {
                result = result.replace(new RegExp(`{{${k}}}`, 'g'), v);
            }
            
            [['TEST', 'IF_TEST'], ['PWA', 'IF_PWA'], ['DOMAIN', 'IF_DOMAIN']].forEach(([key, tag]) => {
                if (vars[key]) {
                    result = result.replace(new RegExp(`{{#${tag}}}([\\s\\S]*?){{/${tag}}}`, 'g'), '$1');
                } else {
                    result = result.replace(new RegExp(`{{#${tag}}}[\\s\\S]*?{{/${tag}}}`, 'g'), '');
                }
            });
            
            fullInstruction = result.trim();
            document.getElementById('resultText').textContent = fullInstruction;
            goPhase(4);
        }
        
        function copyAll() {
            if (!fullInstruction) {
                alert('Please generate instructions first.');
                return;
            }
            
            if (!navigator.clipboard) {
                alert('Copy function not available in this environment.\nPlease select and copy text manually.');
                return;
            }
            
            navigator.clipboard.writeText(fullInstruction).then(() => {
                const btn = document.getElementById('copyBtn');
                btn.textContent = '✅ Copied!';
                btn.classList.add('copied');
                setTimeout(() => {
                    btn.textContent = '📋 Copy All Instructions';
                    btn.classList.remove('copied');
                }, 3000);
            }).catch(err => {
                alert('Copy failed. Please select and copy text manually.');
            });
        }
        
        updatePhase1();
        updatePhase2();
        updatePreview();