Skip to content

Commit f9769ad

Browse files
KSemenenkoKSemenenko
committed
rearragne folders
1 parent d847f6d commit f9769ad

10 files changed

Lines changed: 396 additions & 196 deletions

File tree

‎AGENTS.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,8 @@ Treat explicit frustration, swearing, sarcasm, repeated rejection, or "don't do
7474
- For interactive CLI UX changes in the publishable tools, run a dedicated Claude-led design pass before finalizing the console presentation.
7575
- Do not ship flat menus where every entry has the same visual weight. Interactive menus must expose clear hierarchy, differentiated sections, and obvious primary flows.
7676
- When the CLI has package-aware workflows, surface NuGet/package entry points clearly in the interactive shell instead of burying them behind generic labels.
77-
- In public UX and docs, never call catalog bundle installs just `packages` when that could be confused with real NuGet packages from a user's project. Use `skill packages`, `skill stacks`, or `package bundles` for catalog bundles, and say `NuGet packages` explicitly for project-detected package flows.
77+
- In public UX, docs, CLI commands, and generated site content, always use `bundles` for grouped multi-skill installs (e.g. `dotnet skills install bundle ai`). The word `packages` means NuGet library packages — concrete individual libraries such as AutoMapper, MediatR, Sep, etc. — and the skills that correspond to them. Never conflate these two concepts.
78+
- Skill metadata (`SKILL.md` frontmatter) should declare a `packages` list or `package_prefix` to indicate which NuGet packages trigger auto-installation of that skill. Frameworks like Orleans or Aspire are large surfaces that contain many NuGet packages, but that detail is handled by the prefix or explicit package list, not by renaming the framework to a package.
7879

7980
### Issue Workflow
8081

‎github-pages/assets/css/cards.css‎

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -20,18 +20,18 @@
2020
}
2121

2222
.directory-card:hover {
23-
border-color: rgba(var(--card-accent-rgb), 0.3);
23+
border-color: rgba(var(--card-accent-rgb), 0.35);
2424
transform: translateY(-2px);
2525
box-shadow:
26-
0 2px 12px -2px rgba(var(--card-accent-rgb), 0.12),
27-
0 0 0 1px rgba(var(--card-accent-rgb), 0.08);
26+
0 4px 16px -2px rgba(var(--card-accent-rgb), 0.15),
27+
0 0 0 1px rgba(var(--card-accent-rgb), 0.12);
2828
}
2929

3030
/* Accent top bar */
31-
.skill-card { border-top: 2px solid var(--card-accent); }
32-
.agent-card { border-top: 2px solid var(--card-accent); }
33-
.package-card { border-top: 2px solid var(--card-accent); }
34-
.category-card { border-top: 2px solid var(--card-accent); }
31+
.skill-card { border-top: 3px solid var(--card-accent); }
32+
.agent-card { border-top: 3px solid var(--card-accent); }
33+
.bundle-card { border-top: 3px solid var(--card-accent); }
34+
.category-card { border-top: 3px solid var(--card-accent); }
3535

3636
.directory-card.is-clickable { cursor: pointer; }
3737

@@ -48,9 +48,9 @@
4848
.card-type-testing { --card-accent: var(--type-testing); --card-accent-rgb: 244, 63, 94; }
4949
.card-type-platform { --card-accent: var(--type-platform); --card-accent-rgb: 139, 92, 246; }
5050

51-
/* Agent and package cards */
51+
/* Agent and bundle cards */
5252
.agent-card { --card-accent: var(--tag-amber); --card-accent-rgb: 217, 119, 6; }
53-
.package-card { --card-accent: var(--type-library); --card-accent-rgb: 16, 185, 129; }
53+
.bundle-card { --card-accent: var(--type-library); --card-accent-rgb: 16, 185, 129; }
5454
.category-card { --card-accent: var(--type-framework); --card-accent-rgb: 59, 130, 246; }
5555
.support-card { --card-accent: var(--ink-3); --card-accent-rgb: 163, 163, 163; }
5656

@@ -249,8 +249,9 @@
249249
/* ---- Agent card ---- */
250250

251251
.agent-card {
252-
gap: 10px;
253-
padding: 20px;
252+
gap: 8px;
253+
padding: 16px 18px;
254+
height: auto;
254255
}
255256

256257
.agent-card h3 { font-size: 1rem; line-height: 1.25; }

‎github-pages/assets/css/header.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@
5252
}
5353

5454
body.page-home .nav-link-home,
55-
body.page-packages .nav-link-packages,
55+
body.page-bundles .nav-link-bundles,
5656
body.page-categories .nav-link-categories,
5757
body.page-skills .nav-link-skills,
5858
body.page-agents .nav-link-agents,

‎github-pages/assets/css/layout.css‎

Lines changed: 145 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -60,18 +60,161 @@
6060
.panel:hover { transform: none; box-shadow: none; }
6161
.panel::before { display: none; }
6262

63-
.panel-grid, .directory-grid, .detail-layout, .spotlight-grid, .quickstart-grid, .directory-links {
63+
.panel-grid, .directory-grid, .agent-grid, .detail-layout, .spotlight-grid, .quickstart-grid, .directory-links {
6464
display: grid;
6565
gap: 10px;
6666
align-items: stretch;
6767
}
6868

6969
.panel-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
7070
.quickstart-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
71+
72+
/* ---- Quick start terminal panel ---- */
73+
74+
.qs-panel {
75+
border-radius: var(--r3);
76+
overflow: hidden;
77+
background: #0d1117;
78+
border: 1px solid rgba(255,255,255,0.08);
79+
box-shadow:
80+
0 8px 32px rgba(0,0,0,0.25),
81+
0 2px 8px rgba(0,0,0,0.15),
82+
inset 0 1px 0 rgba(255,255,255,0.04);
83+
}
84+
85+
.qs-panel-header {
86+
display: flex;
87+
align-items: center;
88+
gap: 6px;
89+
padding: 10px 16px;
90+
background: rgba(255,255,255,0.04);
91+
border-bottom: 1px solid rgba(255,255,255,0.06);
92+
}
93+
94+
.qs-dot {
95+
width: 10px;
96+
height: 10px;
97+
border-radius: 50%;
98+
flex-shrink: 0;
99+
}
100+
101+
.qs-panel-title {
102+
margin-left: auto;
103+
margin-right: auto;
104+
font-size: 11px;
105+
color: rgba(255,255,255,0.3);
106+
font-family: "JetBrains Mono", monospace;
107+
letter-spacing: 0.02em;
108+
}
109+
110+
.qs-panel-body {
111+
padding: 8px 0;
112+
}
113+
114+
.qs-row {
115+
display: grid;
116+
grid-template-columns: 40px 1fr auto;
117+
align-items: center;
118+
gap: 0 8px;
119+
padding: 8px 20px;
120+
transition: background 150ms ease;
121+
}
122+
123+
.qs-row:hover {
124+
background: rgba(99,102,241,0.06);
125+
}
126+
127+
.qs-index {
128+
display: grid;
129+
place-items: center;
130+
width: 24px;
131+
height: 24px;
132+
border-radius: 6px;
133+
background: rgba(99,102,241,0.15);
134+
color: #a5b4fc;
135+
font-size: 11px;
136+
font-weight: 700;
137+
font-family: "JetBrains Mono", monospace;
138+
font-variant-numeric: tabular-nums;
139+
}
140+
141+
.qs-row.is-first .qs-index {
142+
background: var(--accent);
143+
color: #fff;
144+
box-shadow: 0 0 12px rgba(99,102,241,0.4);
145+
}
146+
147+
.qs-content {
148+
display: flex;
149+
align-items: center;
150+
gap: 10px;
151+
min-width: 0;
152+
}
153+
154+
.qs-label {
155+
flex-shrink: 0;
156+
min-width: 56px;
157+
font-size: 12px;
158+
font-weight: 600;
159+
color: #a5b4fc;
160+
text-transform: uppercase;
161+
letter-spacing: 0.06em;
162+
}
163+
164+
.qs-cmd {
165+
flex: 1;
166+
min-width: 0;
167+
padding: 6px 12px;
168+
border-radius: var(--r);
169+
background: rgba(255,255,255,0.04);
170+
border: 1px solid rgba(255,255,255,0.06);
171+
color: #e6edf3;
172+
font-family: "JetBrains Mono", monospace;
173+
font-size: 12.5px;
174+
line-height: 1.4;
175+
white-space: nowrap;
176+
overflow: hidden;
177+
text-overflow: ellipsis;
178+
transition: border-color 150ms, background 150ms;
179+
}
180+
181+
.qs-row:hover .qs-cmd {
182+
border-color: rgba(99,102,241,0.25);
183+
background: rgba(255,255,255,0.06);
184+
}
185+
186+
.qs-copy {
187+
display: grid;
188+
place-items: center;
189+
width: 28px;
190+
height: 28px;
191+
border-radius: var(--r);
192+
border: 1px solid rgba(255,255,255,0.08);
193+
background: transparent;
194+
color: rgba(255,255,255,0.3);
195+
cursor: pointer;
196+
transition: all 150ms;
197+
flex-shrink: 0;
198+
}
199+
200+
.qs-copy:hover {
201+
color: #a5b4fc;
202+
border-color: rgba(99,102,241,0.3);
203+
background: rgba(99,102,241,0.1);
204+
}
205+
206+
.qs-hint {
207+
grid-column: 2 / -1;
208+
padding: 2px 0 0;
209+
font-size: 11px;
210+
color: rgba(255,255,255,0.25);
211+
line-height: 1.4;
212+
}
71213
.directory-grid { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); }
72-
.agent-grid { grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)); }
214+
.agent-grid { grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); }
73215

74216
body.page-agents .agent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
217+
body.page-home .agent-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
75218
body.page-skills #listing-grid,
76219
body.page-categories .panel #listing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
77220

‎github-pages/assets/css/pixel-art.css‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,41 @@
9393
);
9494
}
9595

96+
/* Terminal panel pixel accents */
97+
.qs-panel {
98+
position: relative;
99+
}
100+
101+
.qs-panel::after {
102+
content: "";
103+
position: absolute;
104+
bottom: 12px;
105+
right: 16px;
106+
width: 40px;
107+
height: 32px;
108+
background-image:
109+
radial-gradient(circle, rgba(99,102,241,0.25) 1px, transparent 1px);
110+
background-size: 4px 4px;
111+
opacity: 0.5;
112+
pointer-events: none;
113+
}
114+
115+
/* Blinking prompt on first command */
116+
.qs-row.is-first .qs-cmd::before {
117+
content: "> ";
118+
color: #28c840;
119+
opacity: 0.7;
120+
}
121+
122+
.qs-row.is-first .qs-cmd::after {
123+
content: "▋";
124+
display: inline;
125+
margin-left: 2px;
126+
animation: pixel-blink 1.2s step-end infinite;
127+
color: #a5b4fc;
128+
font-size: 0.85em;
129+
}
130+
96131
/* Small pixel grid decoration in footer */
97132
.footer-brand::before {
98133
content: "";

‎github-pages/assets/css/responsive.css‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,9 +34,14 @@
3434

3535
@media (max-width: 1240px) {
3636
body.page-agents .agent-grid { grid-template-columns: 1fr; }
37+
body.page-home .agent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
3738
body.page-skills #listing-grid, body.page-categories .panel #listing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
3839
}
3940

41+
@media (max-width: 900px) {
42+
body.page-home .agent-grid { grid-template-columns: 1fr; }
43+
}
44+
4045
@media (max-width: 720px) {
4146
.shell { width: min(calc(100% - 24px), var(--shell)); }
4247
.quickstart-grid { grid-template-columns: 1fr; }
@@ -47,6 +52,10 @@
4752
.site-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; gap: 2px; }
4853
.nav-link { padding: 4px 0; text-align: center; font-size: 11px; }
4954
.metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
55+
.qs-row { grid-template-columns: 32px 1fr auto; padding: 8px 12px; gap: 0 6px; }
56+
.qs-label { min-width: 44px; font-size: 10px; }
57+
.qs-cmd { font-size: 11px; padding: 5px 8px; }
58+
.qs-hint { font-size: 10px; }
5059
.hero-actions, .command-row, .sidebar-links, .section-links { display: grid; grid-template-columns: 1fr; }
5160
.hero-actions .button, .command-row .button, .sidebar-links .pill-link, .section-links .pill-link { width: 100%; }
5261
.card-actions-inline { display: grid; grid-template-columns: 1fr; }

‎github-pages/assets/css/tokens.css‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -37,13 +37,13 @@
3737
--tag-rose-bg: rgba(244,63,94,0.06);
3838
--tag-rose: #e11d48;
3939

40-
--line: rgba(0, 0, 0, 0.06);
41-
--line-strong: rgba(0, 0, 0, 0.12);
40+
--line: rgba(0, 0, 0, 0.10);
41+
--line-strong: rgba(0, 0, 0, 0.18);
4242

43-
--shadow-xs: 0 1px 2px rgba(0,0,0,0.05);
44-
--shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
45-
--shadow-md: 0 4px 12px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);
46-
--shadow-lg: 0 8px 24px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
43+
--shadow-xs: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
44+
--shadow-sm: 0 2px 4px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
45+
--shadow-md: 0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);
46+
--shadow-lg: 0 8px 24px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06);
4747
--shadow-xl: 0 20px 48px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);
4848

4949
--r: 6px;

‎github-pages/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555

5656
<nav class="site-nav" aria-label="Primary">
5757
<a href="ROOT_HREF_PLACEHOLDER" class="nav-link nav-link-home">Home</a>
58-
<a href="ROOT_PREFIX_PLACEHOLDERpackages/" class="nav-link nav-link-packages">Packages</a>
58+
<a href="ROOT_PREFIX_PLACEHOLDERbundles/" class="nav-link nav-link-bundles">Bundles</a>
5959
<a href="ROOT_PREFIX_PLACEHOLDERcategories/" class="nav-link nav-link-categories">Categories</a>
6060
<a href="ROOT_PREFIX_PLACEHOLDERskills/" class="nav-link nav-link-skills">Skills</a>
6161
<a href="ROOT_PREFIX_PLACEHOLDERagents/" class="nav-link nav-link-agents">Agents</a>
@@ -79,7 +79,7 @@ <h2>dotnet-skills</h2>
7979
<h3>Browse</h3>
8080
<ul>
8181
<li><a href="ROOT_HREF_PLACEHOLDER">Home</a></li>
82-
<li><a href="ROOT_PREFIX_PLACEHOLDERpackages/">Packages</a></li>
82+
<li><a href="ROOT_PREFIX_PLACEHOLDERbundles/">Bundles</a></li>
8383
<li><a href="ROOT_PREFIX_PLACEHOLDERcategories/">Categories</a></li>
8484
<li><a href="ROOT_PREFIX_PLACEHOLDERskills/">Skills</a></li>
8585
<li><a href="ROOT_PREFIX_PLACEHOLDERagents/">Agents</a></li>

0 commit comments

Comments
 (0)