#nav-wrapper { position: relative; top: auto; padding-top: 12px; } #nav-wrapper .km-nav-shell { flex-wrap: wrap; gap: 16px; } #nav-menu { position: static; width: 100%; max-width: 40rem; max-height: none; margin-top: 0; visibility: visible; opacity: 1; transform: none; pointer-events: auto; } #nav-dock { --km-dock-count: 4; grid-template-columns: repeat(4, minmax(0, 1fr)); } #nav-toggle { display: none; } @media (width < 1280px) { #nav-dock[data-active-index="4"] :is(.km-dock-spotlight, .km-dock-light-mask) { display: none; } } @media (min-width: 1280px) { #nav-dock { --km-dock-count: 5; grid-template-columns: repeat(5, minmax(0, 1fr)); } #nav-dock[data-active-desktop-index="5"] :is(.km-dock-spotlight, .km-dock-light-mask) { display: none; } #nav-wrapper { padding-top: calc(var(--km-nav-top) + var(--km-nav-dock-height) + 1rem); } }

Claude Code

1article

Claude Code Mods: build your own features directly into the AI agent

Claude Code Mods brings custom features and interfaces to the AI agent. Explore the released examples and ideas for Astro, Laravel, and SaaS.

October 5, 2026