Replace flex layout + percentage margins with a grid that shares
columns between the flow track and the gates row. Photo flagged
aligns under Capture, Price anomaly aligns under Details.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Panel width: 2/3 viewport with 960px max
- Panel body: 72px bottom padding
- Visual diagram CSS: documented design token system (containers,
nodes, labels, connectors, metrics) for consistent output
- Flow nodes use flex layout to scale within container
- Removed redundant text-based site map from organize output
- Tightened spacing throughout all three diagram types
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Journey: horizontal flow diagram showing 5-step posting flow with
decision gates and metrics
- Blueprint: service blueprint with frontstage/backstage/support swim
lanes, service boxes, and lines of interaction/visibility/support
- Organize: tab bar mockup with site map tree showing all 5 branches
and their children
- Visuals render inline at top of output panel before text content
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Panel width increased to 52vw for content breathing room
- Panel body bottom padding increased to s16
- Bold-only paragraphs styled as section headings (larger font, top margin)
- Explicit list-style: disc/decimal on ul/ol inside step-output
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Remove details/summary accordion pattern
- Add right-side slide panel triggered by "See what /skill produced"
- Panel has close button, escape key, overlay click to dismiss
- Hidden output content rendered at build time, populated into panel via JS
- Panel scrolls independently, body scroll locked when open
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Filter whitespace-only blocks in showcase parser to prevent empty section
- Replace simpleMarkdown with block-aware parser that handles paragraphs,
lists, and numbered lists without creating empty <p> tags
- Change philosopher callout from <p set:html> to <div set:html> to avoid
nested paragraph tags
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Raise the patterns page card-to-table breakpoint from 768px to 1024px
so tablets and small laptops get the card layout instead of a cramped
table. Add 2px padding-top to nav tagline for baseline alignment.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
navigator.clipboard.writeText() can silently fail on some browsers
even over HTTPS. Added textarea-based fallback and .catch() handler.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Sage box in Project Lifecycle spans full width of the flow, not the page
- Remove unused Sage card styles from table refactor
- Add "Made by Ghaida" with link to footer
- Sage stays in the agent table as a regular row
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Install section:
- Replace broken install-skill command with /plugin marketplace add
- Add npx skills add --all as cross-platform install method
- Side-by-side layout for install methods on desktop
- Copy-to-clipboard buttons with check animation
- "Then open /plugin" followup text
- Manual download link to GitHub releases
Anti-patterns page:
- Rename from "Anti-Pattern Catalog" to "Anti-Patterns"
- Sidebar category navigation on desktop (sticky)
- Dropdown filter on mobile (native select)
- Mobile cards instead of table rows
- Severity badge inline with title on mobile
- Fixed table column widths (table-layout: fixed)
- Reduced severity badge font-weight
General:
- Fix code-block box-in-box CSS specificity issue
- Hero install group equal padding (s24 top/bottom)
- Drop hero left padding on tablet breakpoint (1024px+)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Even top/bottom padding (s24) on desktop hero
- Move hero left padding to 1024px+ breakpoint so tablet range uses full width
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Changed nav-brand from baseline to center alignment (fixes tagline 2.5px offset)
- Hide tagline on mobile, show at 769px+ breakpoint
- Remove 32px gap between action icons on desktop
- Add 4px top padding to tagline, nav links, and icons for optical weight balance
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Removed all extra rules (nav-inner > *, margin-top nudge).
nav-inner centers children. nav-brand baseline-aligns text internally.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
nav-inner uses baseline alignment so wordmark, tagline, and
nav links all share the same text baseline. nav-actions uses
align-self: center to vertically center icons independently.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
All nav-inner children stretch to 56px, then center their own content.
Eliminates misalignment from different-height children centering independently.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Removed translateY(1px) SVG nudge, min-height on nav links,
and simplified nav-brand to last baseline with line-height: 1.
Everything centers via nav-inner align-items: center.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Site has custom domain, so base must be "/" not "/intent".
Updated Astro config site URL, removed /intent prefix from
all JS script src paths. CSS and JS now load from root.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The Content-Security-Policy connect-src 'self' blocked preload
fetches for external font stylesheets. CSP should be configured
at the hosting level (HTTP headers), not as a meta tag when
external resources are needed.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Underscore-prefixed directories can be ignored by GitHub Pages
Jekyll processing. Removed the underscore to prevent CSS 404s.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
GitHub Pages was trying to build with Jekyll. This adds:
- Astro build + deploy workflow triggered on pushes to docs/, skills/, agents/
- .nojekyll file to disable Jekyll processing
Requires GitHub Pages source set to "GitHub Actions" in repo settings.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Base styles are now mobile. Desktop overrides in @media (min-width: 769px).
- Section: single column base, two-column on desktop
- Nav: hamburger visible base, links on desktop
- Hero/skills-hero: no left padding base, offset on desktop
- Principles: single column base, 2-col on desktop
- nav-actions gap: var(--s8) on desktop
- page-pad: 24px base, 48px on desktop
- Fixed stray closing brace syntax error
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Nav icons nudged 1px down with transform for optical centering.
User updated principle titles/copy (not overridden).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Wordmark + tagline in .nav-brand with align-items: baseline.
Nav-inner back to align-items: center so icons center vertically.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Icons were inheriting baseline alignment from parent. Actions
container now centers itself vertically independent of text baseline.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Removed nav-inner gap, use explicit margins instead so
wordmark-tagline spacing is controlled independently.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- nav-actions gap: 0
- skill-tag cursor: pointer
- Logo to tagline gap: var(--s3)
- Nav inner: align-items baseline for logo/tagline alignment
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- CSS display:flex was overriding HTML hidden attribute on mobile menu
- JS ran before DOM elements existed, wrapped in DOMContentLoaded
- Theme toggle and hamburger menu both verified working
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Ghaida Zahran