skills/pbakaus_impeccable
1
0
Fork 0
mirror of https://github.com/pbakaus/impeccable.git synced 2026-09-18 09:06:53 +03:00
Code Issues Packages Projects Releases Wiki Activity

Restore prefix toggle for i- prefixed skill bundles

Browse Source 
Re-adds the toggle in the install section that lets users download bundles
with all user-invokable skills prefixed with i- (e.g. /i-audit) to avoid
naming conflicts. Build now produces both unprefixed and prefixed variants
for all providers and universal ZIP.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Paul Bakaus
2026-03-05 10:04:53 -08:00
co-authored by Claude Opus 4.6
parent b628e208e3
commit ee7eeae301
10 changed files with 141 additions and 3866 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/main.css
+79
View File
@@ -2208,6 +2208,85 @@ code {
border-radius: 4px;
}
/* Download options / prefix toggle */
.download-options {
margin-bottom: var(--spacing-lg);
text-align: center;
}
.prefix-toggle {
display: inline-flex;
align-items: center;
gap: var(--spacing-sm);
cursor: pointer;
padding: var(--spacing-sm) var(--spacing-md);
background: var(--color-cream);
border: 1px solid var(--color-mist);
border-radius: 8px;
transition: border-color var(--duration-fast) var(--ease-out);
}
.prefix-toggle:hover {
border-color: var(--color-ash);
}
.prefix-toggle input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.prefix-toggle-slider {
position: relative;
width: 44px;
height: 24px;
background: var(--color-mist);
border-radius: 24px;
transition: background var(--duration-fast) var(--ease-out);
flex-shrink: 0;
}
.prefix-toggle-slider::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 18px;
height: 18px;
background: var(--color-paper);
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
transition: transform var(--duration-fast) var(--ease-out);
}
.prefix-toggle input:checked + .prefix-toggle-slider {
background: var(--color-accent);
}
.prefix-toggle input:checked + .prefix-toggle-slider::after {
transform: translateX(20px);
}
.prefix-toggle input:focus-visible + .prefix-toggle-slider {
outline: 2px solid var(--color-accent);
outline-offset: 2px;
}
.prefix-toggle-label {
font-size: 0.875rem;
color: var(--color-charcoal);
}
.prefix-toggle-label code {
font-family: var(--font-mono);
font-size: 0.8125rem;
background: var(--color-accent-dim);
color: var(--color-accent);
padding: 2px 6px;
border-radius: 4px;
}
.download-tip {
font-size: 0.8125rem;
color: var(--color-ash);