Skip to content

Commit 8db6acd

Browse files
avifeneshavifenesh
committed
fix: site - wrap command tabs, fix skills grouping, add How It Works
- CSS: command tabs wrap to two lines instead of hidden scroll - Skills grid: proper per-plugin grouping (moved orchestrate-review/ validate-delivery from next-task to prepare-delivery, removed catch-all "other plugins" group) - How It Works: added 6 command workflow cards (prepare-delivery, ship, deslop, perf, enhance, gate-and-ship) below the /next-task 3-step overview
1 parent c27493a commit 8db6acd

File tree

2 files changed

+84
-36
lines changed

2 files changed

+84
-36
lines changed

‎site/assets/css/main.css‎

Lines changed: 1 addition & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -687,33 +687,14 @@
687687
* -------------------------------------------------------------------------- */
688688
.tabs[role="tablist"] {
689689
display: flex;
690+
flex-wrap: wrap;
690691
gap: var(--space-1);
691-
overflow-x: auto;
692-
scrollbar-width: none;
693-
-webkit-overflow-scrolling: touch;
694692
padding-bottom: var(--space-4);
695693
border-bottom: 1px solid var(--color-border-subtle);
696694
margin-bottom: var(--space-6);
697695
position: relative;
698696
}
699697

700-
.tabs[role="tablist"]::-webkit-scrollbar {
701-
display: none;
702-
}
703-
704-
/* Right fade for scroll hint */
705-
.tabs[role="tablist"]::after {
706-
content: '';
707-
position: sticky;
708-
right: 0;
709-
top: 0;
710-
bottom: 0;
711-
width: 40px;
712-
flex-shrink: 0;
713-
background: linear-gradient(to right, transparent, var(--color-bg-base));
714-
pointer-events: none;
715-
}
716-
717698
.tabs--small .tabs__tab {
718699
font-size: var(--text-sm);
719700
}

‎site/index.html‎

Lines changed: 83 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -634,6 +634,53 @@ <h3 class="steps__card-title">Watch it ship</h3>
634634
<p class="steps__card-desc">Code, review, cleanup, documentation, PR, CI, merge. All handled. You review the result.</p>
635635
</div>
636636
</div>
637+
638+
<h3 class="how-it-works__subtitle anim-fade-up" data-delay="400" style="margin-top: var(--space-12); text-align: center; font-size: var(--text-lg); color: var(--color-text-secondary);">Every command follows the same pattern: detect, act, verify.</h3>
639+
640+
<div class="philosophy__grid" style="margin-top: var(--space-8);">
641+
<div class="philosophy__card anim-fade-up" data-delay="0">
642+
<div class="philosophy__card-icon">
643+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
644+
</div>
645+
<h3 class="philosophy__card-title">/prepare-delivery</h3>
646+
<p class="philosophy__card-desc">Deslop + simplify + test coverage (parallel) - Config lint (agnix + enhance) - Review loop (4 reviewers, max 5 iterations) - Delivery validation - Docs sync</p>
647+
</div>
648+
<div class="philosophy__card anim-fade-up" data-delay="100">
649+
<div class="philosophy__card-icon">
650+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg>
651+
</div>
652+
<h3 class="philosophy__card-title">/ship</h3>
653+
<p class="philosophy__card-desc">Commit - Push + create PR - Wait for auto-reviewers (3 min) - Address every comment - Monitor CI - Merge - Deploy - Cleanup</p>
654+
</div>
655+
<div class="philosophy__card anim-fade-up" data-delay="200">
656+
<div class="philosophy__card-icon">
657+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
658+
</div>
659+
<h3 class="philosophy__card-title">/deslop</h3>
660+
<p class="philosophy__card-desc">Scan for AI slop (regex + analyzers) - Grade findings by certainty (HIGH/MEDIUM/LOW) - Auto-fix HIGH certainty - Report remaining for review</p>
661+
</div>
662+
<div class="philosophy__card anim-fade-up" data-delay="300">
663+
<div class="philosophy__card-icon">
664+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
665+
</div>
666+
<h3 class="philosophy__card-title">/perf</h3>
667+
<p class="philosophy__card-desc">Map code paths - Generate hypotheses from git history - Establish baselines - Run controlled experiments - Synthesize evidence-backed recommendations</p>
668+
</div>
669+
<div class="philosophy__card anim-fade-up" data-delay="400">
670+
<div class="philosophy__card-icon">
671+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="3"/></svg>
672+
</div>
673+
<h3 class="philosophy__card-title">/enhance</h3>
674+
<p class="philosophy__card-desc">Discover content types - Launch 7 analyzers in parallel (plugin, agent, docs, memory, prompt, hooks, skills) - Aggregate findings - Auto-learn suppressions</p>
675+
</div>
676+
<div class="philosophy__card anim-fade-up" data-delay="500">
677+
<div class="philosophy__card-icon">
678+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
679+
</div>
680+
<h3 class="philosophy__card-title">/gate-and-ship</h3>
681+
<p class="philosophy__card-desc">/prepare-delivery (all quality gates) - /ship (PR + CI + merge). One command from code-complete to merged PR. Each piece runs independently too.</p>
682+
</div>
683+
</div>
637684
</div>
638685
</section>
639686

@@ -799,16 +846,18 @@ <h2 class="agents-skills__title anim-fade-up" id="as-title">47 Agents. 40 Skills
799846
<h3 class="agents-skills__skills-title anim-fade-up" data-delay="300">40 Skills across 19 Plugins</h3>
800847
<div class="skills-grid anim-fade-up" data-delay="350">
801848
<div class="skill-group">
802-
<span class="skill-group__label">next-task</span>
849+
<span class="skill-group__label">prepare-delivery</span>
803850
<div class="skill-group__items">
851+
<span class="skill-card">prepare-delivery</span>
852+
<span class="skill-card">check-test-coverage</span>
804853
<span class="skill-card">orchestrate-review</span>
805-
<span class="skill-card">discover-tasks</span>
806854
<span class="skill-card">validate-delivery</span>
807855
</div>
808856
</div>
809857
<div class="skill-group">
810858
<span class="skill-group__label">enhance</span>
811859
<div class="skill-group__items">
860+
<span class="skill-card">enhance-orchestrator</span>
812861
<span class="skill-card">enhance-agents</span>
813862
<span class="skill-card">enhance-claudemd</span>
814863
<span class="skill-card">enhance-docs</span>
@@ -817,7 +866,6 @@ <h3 class="agents-skills__skills-title anim-fade-up" data-delay="300">40 Skills
817866
<span class="skill-card">enhance-prompts</span>
818867
<span class="skill-card">enhance-skills</span>
819868
<span class="skill-card">enhance-cross-file</span>
820-
<span class="skill-card">enhance-orchestrator</span>
821869
</div>
822870
</div>
823871
<div class="skill-group">
@@ -827,35 +875,54 @@ <h3 class="agents-skills__skills-title anim-fade-up" data-delay="300">40 Skills
827875
<span class="skill-card">benchmark</span>
828876
<span class="skill-card">profile</span>
829877
<span class="skill-card">theory-tester</span>
830-
<span class="skill-card">code-paths</span>
831878
<span class="skill-card">theory-gatherer</span>
879+
<span class="skill-card">code-paths</span>
832880
<span class="skill-card">investigation-logger</span>
833881
<span class="skill-card">perf-analyzer</span>
834882
</div>
835883
</div>
836884
<div class="skill-group">
837-
<span class="skill-group__label">other plugins</span>
885+
<span class="skill-group__label">next-task</span>
886+
<div class="skill-group__items">
887+
<span class="skill-card">discover-tasks</span>
888+
</div>
889+
</div>
890+
<div class="skill-group">
891+
<span class="skill-group__label">web-ctl</span>
892+
<div class="skill-group__items">
893+
<span class="skill-card">web-auth</span>
894+
<span class="skill-card">web-browse</span>
895+
</div>
896+
</div>
897+
<div class="skill-group">
898+
<span class="skill-group__label">skillers</span>
899+
<div class="skill-group__items">
900+
<span class="skill-card">recommend</span>
901+
<span class="skill-card">skillers-compact</span>
902+
</div>
903+
</div>
904+
<div class="skill-group">
905+
<span class="skill-group__label">single-skill plugins</span>
838906
<div class="skill-group__items">
839907
<span class="skill-card">deslop</span>
840908
<span class="skill-card">drift-analysis</span>
841909
<span class="skill-card">repo-intel</span>
842910
<span class="skill-card">sync-docs</span>
843-
<span class="skill-card">learn-topic</span>
844-
<span class="skill-card">agnix-lint</span>
911+
<span class="skill-card">learn</span>
845912
<span class="skill-card">consult</span>
846913
<span class="skill-card">debate</span>
847-
<span class="skill-card">web-auth</span>
848-
<span class="skill-card">web-browse</span>
849-
<span class="skill-card">prepare-delivery</span>
850-
<span class="skill-card">gate-and-ship</span>
851914
<span class="skill-card">release</span>
852-
<span class="skill-card">skillers-recommend</span>
853-
<span class="skill-card">skillers-compact</span>
854915
<span class="skill-card">onboard</span>
855916
<span class="skill-card">can-i-help</span>
856-
<span class="skill-card">glidemq-greenfield</span>
857-
<span class="skill-card">glidemq-migrate</span>
858-
<span class="skill-card">glidemq-optimize</span>
917+
<span class="skill-card">audit-project</span>
918+
</div>
919+
</div>
920+
<div class="skill-group">
921+
<span class="skill-group__label">glidemq</span>
922+
<div class="skill-group__items">
923+
<span class="skill-card">glide-mq</span>
924+
<span class="skill-card">glide-mq-migrate-bullmq</span>
925+
<span class="skill-card">glide-mq-migrate-bee</span>
859926
</div>
860927
</div>
861928
</div>

0 commit comments

Comments
 (0)