flykit-web

The public landing page at flykit.cc.

---

The site for flykit — a cockpit for agentic development, and the registry that fills it. This repo is also the hub: it holds the tool catalog and pulls the rest from each product's own repo.

Where the data lives

Data	Where	Why
Tool catalog, screenshots, announcement	here, in content/ and public/screenshots/	this site is the only reader
Claude Code plugin list	flykit-cc/plugins	Claude Code reads that manifest too
A plugin's or tool's readme, stars, latest commits	its own repo, fetched hourly	facts that change when you ship

The rule: copy you write by hand lives here. Facts that change when you ship live with the code.

Thinking of contributing?

• Adding or editing a tool — PR here, against content/tools.json and content/tools/<slug>.json.
• Adding a Claude Code plugin — PR against flykit-cc/plugins; see its CONTRIBUTING.
• Design, copy, pages, accessibility, SEO — PR here.

Stack

• Next.js 15 (App Router) + React 19 + TypeScript
• Tailwind CSS 3 + shadcn/ui primitives
• Geist Mono (chrome) + Inter (prose) — the mono/sans split is the core typographic signal
• Deploys to Vercel via GitHub Actions on every push to main

Develop

pnpm install
pnpm dev        # http://localhost:3000

The tool catalog is local, so it needs no network. The plugin half fetches marketplace.json from flykit-cc/plugins, then each plugin's web.json, README.md and star count from the repo that manifest names, with 1-hour ISR and lib/plugins-fallback.json as the offline fallback.

Build

pnpm build
pnpm start

Project layout

app/
  layout.tsx              Root layout (fonts, header, footer)
  globals.css             Design tokens + grid-paper utility
  page.tsx                Home
  docs/                   Getting-started
  plugins/[slug]/         Plugin detail (static, generated from marketplace.json)
  tools/[slug]/           Tool detail (static, generated from tools.json)
  privacy/, terms/        Legal
  opengraph-image.tsx     OG + Twitter card, rendered from _og/image.tsx
  _og/                    the card and its fonts
  icon.tsx, apple-icon.tsx Favicons
  not-found.tsx           404 with ASCII countdown
components/
  ui/                     shadcn primitives
  site-header.tsx         Sticky nav
  site-footer.tsx         4-col footer
  logo.tsx                Wing mark
  rotating-word.tsx       Hero rotating word + blinking cursor
  code-block.tsx
  announcement-bar.tsx
lib/
  plugins.ts              Marketplace fetcher (GitHub raw + fallback + stars)
  plugins-fallback.json
  tools.ts                tools.json fetcher + ecosystem labels
  tools-fallback.json
  utils.ts
public/
  logo.svg                Wing mark, standalone
  logo-{512,1024}.png     Transparent PNGs
  logo-white-512.png      Reversed, for dark backgrounds

License

MIT © kaiomp