GitHub version
๐ฆ GitHub
โจ The Prompt Phrase
What Windows Package Manager command would you use to see whether the installed package with the exact ID for GitHub CLI appears on your system? ~winget list --id GitHub.cli~
๐ป Code Preview
๐ฆ All-in-One Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GitHub version - Interactive Tutorial</title>
<style>
:root {
--bg: #0a1020;
--bg2: #121b36;
--text: #edf4ff;
--muted: #b7c4de;
--card: rgba(255,255,255,0.08);
--border: rgba(255,255,255,0.14);
--purple: #8b5cf6;
--blue: #38bdf8;
--green: #34d399;
--pink: #f472b6;
--red: #fb7185;
--yellow: #facc15;
--shadow: 0 18px 50px rgba(0,0,0,0.35);
--radius: 24px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: "Segoe UI", system-ui, sans-serif;
min-height: 100vh;
color: var(--text);
line-height: 1.65;
background:
radial-gradient(circle at top left, rgba(139,92,246,0.22), transparent 30%),
radial-gradient(circle at top right, rgba(56,189,248,0.18), transparent 28%),
linear-gradient(135deg, var(--bg) 0%, var(--bg2) 100%);
padding: 24px;
}
a {
text-decoration: none;
color: inherit;
}
.page {
max-width: 1200px;
margin: 0 auto;
}
.nav {
position: sticky;
top: 14px;
z-index: 30;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
padding: 12px 16px;
margin-bottom: 24px;
border-radius: 999px;
background: rgba(10,16,32,0.72);
border: 1px solid var(--border);
backdrop-filter: blur(14px);
box-shadow: var(--shadow);
}
.nav a {
padding: 10px 14px;
border-radius: 999px;
color: var(--muted);
transition: 0.25s ease;
font-size: 0.95rem;
}
.nav a:hover,
.nav a:focus {
background: rgba(255,255,255,0.08);
color: var(--text);
outline: none;
}
.hero {
position: relative;
overflow: hidden;
border-radius: 32px;
border: 1px solid var(--border);
background: linear-gradient(145deg, rgba(139,92,246,0.18), rgba(56,189,248,0.12));
padding: 42px 28px;
margin-bottom: 24px;
box-shadow: var(--shadow);
animation: fadeUp 0.8s ease;
}
.hero::before,
.hero::after {
content: "";
position: absolute;
border-radius: 50%;
filter: blur(24px);
opacity: 0.45;
pointer-events: none;
}
.hero::before {
width: 220px;
height: 220px;
background: rgba(139,92,246,0.3);
top: -70px;
right: -50px;
}
.hero::after {
width: 180px;
height: 180px;
background: rgba(52,211,153,0.2);
left: -40px;
bottom: -50px;
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 14px;
border-radius: 999px;
border: 1px solid var(--border);
background: rgba(255,255,255,0.09);
color: var(--muted);
margin-bottom: 18px;
font-size: 0.92rem;
}
h1 {
font-size: clamp(2rem, 5vw, 4rem);
line-height: 1.1;
margin-bottom: 14px;
}
.gradient-text {
background: linear-gradient(90deg, var(--purple), var(--blue), var(--green));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.hero p {
color: var(--muted);
font-size: 1.04rem;
max-width: 780px;
margin-bottom: 20px;
}
.hero-code,
.code-box {
background: rgba(5,10,24,0.82);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 18px;
padding: 18px;
font-family: Consolas, monospace;
overflow-x: auto;
}
.hero-code {
margin-bottom: 18px;
color: #dbeafe;
}
.hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.btn,
.copy-label,
.theme-label,
.tab-label,
.option {
transition: 0.22s ease;
}
.btn,
.copy-label,
.theme-label {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 16px;
border-radius: 14px;
border: 1px solid var(--border);
font-weight: 700;
cursor: pointer;
}
.btn {
background: linear-gradient(135deg, var(--purple), var(--blue));
color: white;
}
.btn:hover,
.copy-label:hover,
.theme-label:hover {
transform: translateY(-2px);
}
.copy-toggle,
.theme-toggle,
.tab-radio,
.quiz input[type="radio"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.copy-label,
.theme-label {
background: rgba(255,255,255,0.08);
color: var(--text);
}
.copy-text-done,
.theme-text-alt {
display: none;
}
.copy-toggle:checked + .copy-label .copy-text-default,
.theme-toggle:checked + .page .theme-label .theme-text-default {
display: none;
}
.copy-toggle:checked + .copy-label .copy-text-done,
.theme-toggle:checked + .page .theme-label .theme-text-alt {
display: inline;
}
.copy-toggle:checked + .copy-label {
background: linear-gradient(135deg, var(--green), #10b981);
color: #042115;
}
.theme-toggle:checked + .page {
--bg: #eef4ff;
--bg2: #dde7fb;
--text: #11213f;
--muted: #536887;
--card: rgba(255,255,255,0.8);
--border: rgba(17,33,63,0.12);
--shadow: 0 16px 40px rgba(62,81,124,0.18);
}
.theme-toggle:checked + .page .nav {
background: rgba(255,255,255,0.8);
}
.theme-toggle:checked + .page .hero-code,
.theme-toggle:checked + .page .code-box,
.theme-toggle:checked + .page .tooltip::after {
background: #eef4ff;
color: #11213f;
}
.progress-card {
margin-top: 18px;
display: grid;
gap: 10px;
max-width: 560px;
}
.progress-bar {
width: 100%;
height: 14px;
border-radius: 999px;
overflow: hidden;
background: rgba(255,255,255,0.08);
border: 1px solid var(--border);
}
.progress-bar span {
display: block;
width: 74%;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, var(--purple), var(--blue), var(--green));
animation: loadBar 1.5s ease;
}
.badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.badge {
padding: 8px 12px;
border-radius: 999px;
background: rgba(255,255,255,0.08);
border: 1px solid var(--border);
color: var(--muted);
font-size: 0.92rem;
}
.layout {
display: grid;
grid-template-columns: 1.12fr 0.88fr;
gap: 24px;
}
.stack {
display: grid;
gap: 24px;
}
.card {
padding: 24px;
border-radius: var(--radius);
background: var(--card);
border: 1px solid var(--border);
backdrop-filter: blur(14px);
box-shadow: var(--shadow);
animation: fadeUp 0.8s ease;
}
.card h2 {
font-size: 1.4rem;
margin-bottom: 10px;
}
.card h3 {
font-size: 1.05rem;
margin-bottom: 8px;
}
.muted {
color: var(--muted);
}
.story,
.list li,
.step,
.annotated div,
.quiz-question,
.mini-card {
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.08);
}
.story {
padding: 18px;
border-radius: 18px;
margin-top: 16px;
background: linear-gradient(135deg, rgba(139,92,246,0.14), rgba(52,211,153,0.08));
}
.list {
display: grid;
gap: 12px;
margin-top: 16px;
}
.list li {
list-style: none;
padding: 14px 16px;
border-radius: 16px;
}
.tooltip {
position: relative;
color: #c4b5fd;
border-bottom: 1px dashed rgba(255,255,255,0.45);
cursor: help;
}
.tooltip::after {
content: attr(data-tip);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 140%;
width: 220px;
padding: 10px 12px;
border-radius: 12px;
background: #08101f;
color: var(--text);
border: 1px solid var(--border);
box-shadow: var(--shadow);
font-size: 0.86rem;
line-height: 1.45;
opacity: 0;
pointer-events: none;
}
.tooltip:hover::after,
.tooltip:focus::after {
opacity: 1;
}
details {
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 18px;
padding: 14px 16px;
}
details + details {
margin-top: 12px;
}
summary {
cursor: pointer;
list-style: none;
font-weight: 700;
}
summary::-webkit-details-marker {
display: none;
}
summary::after {
content: "๏ผ";
float: right;
color: var(--blue);
}
details[open] summary::after {
content: "๏ผ";
}
.step-grid,
.annotated {
display: grid;
gap: 14px;
margin-top: 16px;
}
.step {
display: grid;
grid-template-columns: 48px 1fr;
gap: 14px;
padding: 14px;
border-radius: 18px;
}
.step-number {
width: 48px;
height: 48px;
display: grid;
place-items: center;
border-radius: 14px;
font-weight: 800;
background: linear-gradient(135deg, var(--purple), var(--blue));
}
.tabs {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 16px;
}
.tab-label {
padding: 10px 14px;
border-radius: 999px;
border: 1px solid var(--border);
background: rgba(255,255,255,0.06);
color: var(--muted);
cursor: pointer;
font-weight: 600;
}
.tab-label:hover {
background: rgba(255,255,255,0.1);
color: var(--text);
}
.tab-panel {
display: none;
padding: 18px;
border-radius: 18px;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.08);
}
#tab1:checked ~ .tabs .label1,
#tab2:checked ~ .tabs .label2,
#tab3:checked ~ .tabs .label3 {
background: linear-gradient(135deg, var(--purple), var(--blue));
color: white;
}
#tab1:checked ~ .panels .panel1,
#tab2:checked ~ .panels .panel2,
#tab3:checked ~ .panels .panel3 {
display: block;
}
.code-box {
margin-top: 14px;
}
.token-cmd { color: #93c5fd; }
.token-action { color: #86efac; }
.token-flag { color: #f9a8d4; }
.token-id { color: #fde68a; }
.mistake {
border-left: 4px solid var(--red);
}
.tip {
border-left: 4px solid var(--green);
}
.quiz-question {
padding: 18px;
border-radius: 18px;
margin-bottom: 16px;
}
.option {
display: block;
margin-top: 10px;
padding: 12px 14px;
border-radius: 14px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
cursor: pointer;
}
.option:hover {
background: rgba(255,255,255,0.08);
}
.feedback {
display: none;
margin-top: 12px;
padding: 12px 14px;
border-radius: 14px;
font-weight: 700;
}
.correct {
background: rgba(52,211,153,0.16);
border: 1px solid rgba(52,211,153,0.35);
color: #bbf7d0;
}
.wrong {
background: rgba(251,113,133,0.14);
border: 1px solid rgba(251,113,133,0.35);
color: #fecdd3;
}
#q1b:checked ~ .f1b,
#q2a:checked ~ .f2a,
#q3c:checked ~ .f3c {
display: block;
position: relative;
}
#q1b:checked ~ .f1b::after,
#q2a:checked ~ .f2a::after,
#q3c:checked ~ .f3c::after {
content: "๐ โจ ๐";
display: block;
margin-top: 8px;
animation: pop 0.45s ease;
}
#q1a:checked ~ .f1a,
#q1c:checked ~ .f1c,
#q2b:checked ~ .f2b,
#q2c:checked ~ .f2c,
#q3a:checked ~ .f3a,
#q3b:checked ~ .f3b {
display: block;
}
.summary-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
margin-top: 16px;
}
.mini-card {
padding: 16px;
border-radius: 18px;
}
.footer {
text-align: center;
color: var(--muted);
padding: 30px 10px 10px;
font-size: 0.95rem;
}
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes loadBar {
from { width: 0; }
to { width: 74%; }
}
@keyframes pop {
from { opacity: 0; transform: scale(0.9); }
to { opacity: 1; transform: scale(1); }
}
@media (max-width: 920px) {
.layout {
grid-template-columns: 1fr;
}
.summary-grid {
grid-template-columns: 1fr;
}
.hero {
padding: 32px 20px;
}
}
@media (prefers-reduced-motion: reduce) {
* {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
}
</style>
</head>
<body>
<input class="theme-toggle" id="themeToggle" type="checkbox">
<div class="page">
<nav class="nav" aria-label="Tutorial sections">
<a href="#what">What Is It?</a>
<a href="#why">Why Use It?</a>
<a href="#how">How It Works</a>
<a href="#demo">Live Demo</a>
<a href="#breakdown">Code Breakdown</a>
<a href="#mistakes">Mistakes</a>
<a href="#tips">Pro Tips</a>
<a href="#quiz">Quiz</a>
<a href="#summary">Summary</a>
</nav>
<header class="hero">
<div class="eyebrow">๐ Beginner-Friendly โข ๐น๏ธ Interactive โข ๐ป Command Explorer</div>
<h1>Learn <span class="gradient-text">winget list --id GitHub.cli</span></h1>
<p>
Welcome, terminal detective! ๐ต๏ธ This command helps you check whether <strong>GitHub CLI</strong> appears in your installed apps list by using its exact package ID.
You're not installing or removing anything here โ you're investigating. Nice and safe for beginners.
</p>
<div class="hero-code" aria-label="Command example">winget list --id GitHub.cli</div>
<div class="hero-actions">
<a class="btn" href="#quiz">๐ Start Learning</a>
<div>
<input class="copy-toggle" id="copyHero" type="checkbox">
<label class="copy-label" for="copyHero" aria-label="Copy command style button">
<span class="copy-text-default">๐ Copy Command</span>
<span class="copy-text-done">โ
Ready to Copy</span>
</label>
</div>
<div>
<label class="theme-label" for="themeToggle" aria-label="Theme toggle button">
<span class="theme-text-default">๐ Dark / โ๏ธ Light</span>
<span class="theme-text-alt">โ๏ธ Light Theme On</span>
</label>
</div>
</div>
<div class="progress-card">
<div class="muted">Progress meter: you're about to master package checking basics.</div>
<div class="progress-bar" aria-label="Learning progress">
<span></span>
</div>
<div class="badges">
<div class="badge">๐ง Skill: App Lookup</div>
<div class="badge">โญ Level: Beginner</div>
<div class="badge">๐
Goal: Check GitHub CLI by ID</div>
</div>
</div>
</header>
<div class="layout">
<main class="stack">
<section class="card" id="what">
<h2>๐ค What Is It?</h2>
<p class="muted">
This command asks Windows Package Manager to show installed packages that match the exact ID <strong>GitHub.cli</strong>.
</p>
<div class="story">
<strong>Story mode:</strong> Imagine your PC is a huge library of apps. Instead of walking shelf by shelf, you hand the librarian a very precise label:
โPlease check whether the app with this exact ID exists.โ That's what this command does. ๐โจ
</div>
<ul class="list">
<li>๐ป <strong>winget</strong> is the Windows Package Manager tool.</li>
<li>๐ <strong>list</strong> means show installed packages.</li>
<li>๐ฏ <strong>--id GitHub.cli</strong> narrows the search to one exact package ID.</li>
</ul>
</section>
<section class="card" id="why">
<h2>๐ Why Use It?</h2>
<p class="muted">This command is useful when you want to confirm whether GitHub CLI is installed before taking the next step.</p>
<ul class="list">
<li>๐ Great for checking whether GitHub CLI is already installed.</li>
<li>๐ ๏ธ Helpful before running install, upgrade, or uninstall commands.</li>
<li>๐ Perfect for support guides and troubleshooting steps.</li>
<li>๐ฏ More accurate than guessing based on app names alone.</li>
</ul>
</section>
<section class="card" id="how">
<h2>๐งฉ How Does It Work?</h2>
<p class="muted">You run the command in a terminal, and winget compares the provided ID against installed packages.</p>
<div class="step-grid">
<div class="step">
<div class="step-number">1</div>
<div>
<h3>Open a Terminal</h3>
<p class="muted">Use Command Prompt, PowerShell, or Windows Terminal.</p>
</div>
</div>
<div class="step">
<div class="step-number">2</div>
<div>
<h3>Run the Command</h3>
<p class="muted">Type the command with the exact package ID.</p>
</div>
</div>
<div class="step">
<div class="step-number">3</div>
<div>
<h3>Winget Searches Installed Packages</h3>
<p class="muted">It checks your system for a package that matches <strong>GitHub.cli</strong>.</p>
</div>
</div>
<div class="step">
<div class="step-number">4</div>
<div>
<h3>You Read the Result</h3>
<p class="muted">If found, it appears in the list. If not, nothing matching is shown.</p>
</div>
</div>
</div>
</section>
<section class="card" id="demo">
<h2>๐ฎ Live Demo / Example</h2>
<input class="tab-radio" type="radio" name="tabs" id="tab1" checked>
<input class="tab-radio" type="radio" name="tabs" id="tab2">
<input class="tab-radio" type="radio" name="tabs" id="tab3">
<div class="tabs" role="tablist" aria-label="Example tabs">
<label class="tab-label label1" for="tab1">๐ฅ๏ธ Basic Check</label>
<label class="tab-label label2" for="tab2">๐ฆ Why Before Install?</label>
<label class="tab-label label3" for="tab3">๐งพ Example Output</label>
</div>
<div class="panels">
<div class="tab-panel panel1">
<p><strong>Scenario:</strong> You want to know whether GitHub CLI is already on your computer.</p>
<div class="code-box">winget list --id GitHub.cli</div>
<p class="muted">This asks winget to list the installed package that exactly matches that ID.</p>
</div>
<div class="tab-panel panel2">
<p><strong>Support trick:</strong> Run this before installing or uninstalling so you know the current state first.</p>
<div class="code-box">If it appears in the list, it is installed.
If it does not appear, it probably is not installed.</div>
<p class="muted">This helps you avoid unnecessary guesswork.</p>
</div>
<div class="tab-panel panel3">
<p><strong>Typical result:</strong> If found, you may see a row with the package details.</p>
<div class="code-box">Name Id Version
GitHub CLI GitHub.cli 2.x.x</div>
<p class="muted">The version number can vary depending on what is installed.</p>
</div>
</div>
</section>
<section class="card" id="breakdown">
<h2>๐งช Code Breakdown</h2>
<div class="code-box" aria-label="Annotated command">
<span class="token-cmd">winget</span> <span class="token-action">list</span> <span class="token-flag">--id</span> <span class="token-id">GitHub.cli</span>
</div>
<div class="annotated">
<div><strong>winget</strong> โ starts Windows Package Manager.</div>
<div><strong>list</strong> โ asks it to show installed packages.</div>
<div><strong>--id</strong> โ says to match by exact package identifier.</div>
<div><strong>GitHub.cli</strong> โ the package ID for GitHub CLI.</div>
</div>
</section>
<section class="card" id="mistakes">
<h2>๐ซ Common Mistakes</h2>
<details open>
<summary>Thinking it installs the app</summary>
<div class="annotated">
<div class="mistake">This command only checks the installed package list. It does not install anything.</div>
</div>
</details>
<details>
<summary>Using the wrong ID</summary>
<div class="annotated">
<div class="mistake">If the package ID is wrong, the command may show no results even if a similar app exists.</div>
</div>
</details>
<details>
<summary>Expecting output every time</summary>
<div class="annotated">
<div class="mistake">If GitHub CLI is not installed, there may be no matching result. That is normal.</div>
</div>
</details>
<details>
<summary>Confusing name with ID</summary>
<div class="annotated">
<div class="mistake">Display names and package IDs are not always identical. Exact IDs are safer for support instructions.</div>
</div>
</details>
</section>
<section class="card" id="tips">
<h2>๐ก Pro Tips</h2>
<div class="annotated">
<div class="tip">๐ต๏ธ Use this command before <strong>install</strong>, <strong>upgrade</strong>, or <strong>uninstall</strong> to check the current situation.</div>
<div class="tip">๐ Exact IDs make documentation more consistent and less ambiguous.</div>
<div class="tip">โ๏ธ If you need the general list of installed packages, use <strong>winget list</strong> without an ID filter.</div>
<div class="tip">๐ If output seems strange, update winget or run the terminal with proper permissions.</div>
</div>
</section>
<section class="card quiz" id="quiz">
<h2>๐ Practice Quiz</h2>
<p class="muted">Answer these mini questions and enjoy a little celebration for correct choices. ๐</p>
<div class="quiz-question">
<h3>1) What does the <strong>list</strong> part do?</h3>
<input type="radio" name="q1" id="q1a">
<label class="option" for="q1a">It removes GitHub CLI.</label>
<input type="radio" name="q1" id="q1b">
<label class="option" for="q1b">It shows installed packages.</label>
<input type="radio" name="q1" id="q1c">
<label class="option" for="q1c">It upgrades Windows.</label>
<div class="feedback wrong f1a">Not this time. Removing would use <strong>uninstall</strong>.</div>
<div class="feedback correct f1b">Correct! <strong>list</strong> is for showing installed packages.</div>
<div class="feedback wrong f1c">Nope. This command is about package listing, not Windows updates.</div>
</div>
<div class="quiz-question">
<h3>2) Why is <strong>--id GitHub.cli</strong> useful?</h3>
<input type="radio" name="q2" id="q2a">
<label class="option" for="q2a">It targets the exact package ID.</label>
<input type="radio" name="q2" id="q2b">
<label class="option" for="q2b">It changes the terminal font.</label>
<input type="radio" name="q2" id="q2c">
<label class="option" for="q2c">It creates a new GitHub account.</label>
<div class="feedback correct f2a">Exactly! The ID filter helps winget check the precise package you care about.</div>
<div class="feedback wrong f2b">Nice try, but this flag is about identifying software, not appearance.</div>
<div class="feedback wrong f2c">Nope. This command checks installed apps only.</div>
</div>
<div class="quiz-question">
<h3>3) What happens if GitHub CLI is not installed?</h3>
<input type="radio" name="q3" id="q3a">
<label class="option" for="q3a">Winget automatically installs it.</label>
<input type="radio" name="q3" id="q3b">
<label class="option" for="q3b">Your computer restarts.</label>
<input type="radio" name="q3" id="q3c">
<label class="option" for="q3c">You may see no matching result in the list.</label>
<div class="feedback wrong f3a">Not with this command. It only checks the list.</div>
<div class="feedback wrong f3b">That would be dramatic, but no.</div>
<div class="feedback correct f3c">Correct! No match usually means it is not installed or the ID is different.</div>
</div>
</section>
</main>
<aside class="stack">
<section class="card">
<h2>๐ช Quick Story Quest</h2>
<p class="muted">
A teammate asks, โIs GitHub CLI already installed on this PC?โ Your mission is not to change anything โ only to investigate.
Use the exact ID, check the list, and report what you find like a command-line detective. ๐ต๏ธโโ๏ธ
</p>
</section>
<section class="card">
<h2>๐งญ Accordion Guide</h2>
<details open>
<summary>What is GitHub CLI?</summary>
<p class="muted" style="margin-top:12px;">A command-line tool that lets users work with GitHub directly from a terminal.</p>
</details>
<details>
<summary>What is a package ID?</summary>
<p class="muted" style="margin-top:12px;">A unique identifier used by winget to refer to a specific application package.</p>
</details>
<details>
<summary>Why check before acting?</summary>
<p class="muted" style="margin-top:12px;">Because knowing whether the app is installed helps you choose the right next command.</p>
</details>
</section>
<section class="card" id="summary">
<h2>๐ Summary Card</h2>
<p class="muted">Your cheat sheet for this command.</p>
<div class="summary-grid">
<div class="mini-card">
<h3>Command</h3>
<p class="muted">winget list --id GitHub.cli</p>
</div>
<div class="mini-card">
<h3>Purpose</h3>
<p class="muted">Checks whether GitHub CLI appears in the installed package list.</p>
</div>
<div class="mini-card">
<h3>Best For</h3>
<p class="muted">Verification before install, upgrade, or uninstall steps.</p>
</div>
<div class="mini-card">
<h3>Remember</h3>
<p class="muted">It checks only. It does not install or remove anything.</p>
</div>
</div>
</section>
<section class="card">
<h2>๐๏ธ Achievement Board</h2>
<ul class="list">
<li>๐ฅ <strong>Explorer:</strong> You learned what the command means.</li>
<li>๐ฅ <strong>Inspector:</strong> You know why exact package IDs matter.</li>
<li>๐ฅ <strong>Terminal Detective:</strong> You can explain how to check for GitHub CLI with winget.</li>
</ul>
</section>
</aside>
</div>
<footer class="footer">
Made with curiosity, gradients, and beginner-friendly explanations ๐<br>
generated by AI Prompt Dictionary
</footer>
</div>
</body>
</html>
Live Preview