Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions app/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -136,6 +136,9 @@ summary:focus-visible {
.ss-stats > .ss-stat:last-child { border-bottom: none; }
}

/* Home featured cards: CSS hover (keeps the page a Server Component). */
.ss-featured-card:hover { background: #0a0a0a; }

/* ---- Inner-page responsive layout ----
These grids are set via inline styles, so the breakpoint overrides
need !important to win over the element's inline grid-template-columns. */
Expand Down
3 changes: 3 additions & 0 deletions app/official/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,9 @@ export const metadata: Metadata = {
"Official agent skills from the companies that build the technology — the makers teaching you how to use their product. Indexed from skills.sh.",
}

// Match /skills: cap edge TTL so maker/skill counts refresh within an hour of a deploy.
export const revalidate = 3600

const mono = "var(--font-jetbrains-mono), monospace"

export default function OfficialPage() {
Expand Down
10 changes: 6 additions & 4 deletions app/page.tsx
Original file line number Diff line number Diff line change
@@ -1,8 +1,12 @@
"use client"
import Link from "next/link"
import { skills, getFeaturedSkills, STATS } from "@/lib/skills"
import { priceDisplay } from "@/lib/x402"

// Stats come from lib/skills.ts (bundled at build). Defaulting to fully-static
// emits s-maxage=31536000, so a CDN can serve year-old counts after a deploy.
// ISR caps the edge TTL at one hour and regenerates against the deployed bundle.
export const revalidate = 3600

export default function HomePage() {
const featured = getFeaturedSkills()

Expand Down Expand Up @@ -107,16 +111,14 @@ export default function HomePage() {
gap: "0",
}}>
{featured.map((skill, i) => (
<Link key={skill.id} href={`/skills/${skill.slug}`} style={{
<Link key={skill.id} href={`/skills/${skill.slug}`} className="ss-featured-card" style={{
display: "block",
padding: "32px",
borderRight: "1px solid #222222",
borderBottom: "1px solid #222222",
borderLeft: i === 0 ? "1px solid #222222" : "none",
transition: "background 0.1s",
}}
onMouseEnter={e => (e.currentTarget.style.background = "#0a0a0a")}
onMouseLeave={e => (e.currentTarget.style.background = "transparent")}
>
<div style={{
fontFamily: "monospace",
Expand Down
5 changes: 5 additions & 0 deletions app/skills/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,11 @@ export const metadata: Metadata = {
description: "Browse and filter AI agent skills for Claude, OpenClaw, NemoClaw, Antigravity, and any agent runtime.",
}

// Counts come from lib/skills.ts (bundled at build). Defaulting to fully-static
// emits s-maxage=31536000, so a CDN can serve year-old counts after a deploy.
// ISR caps the edge TTL at one hour and regenerates against the deployed bundle.
export const revalidate = 3600

export default function SkillsPage() {
return (
<div style={{ backgroundColor: "#000000", minHeight: "100vh" }}>
Expand Down