Skip to content

Skillfoliox - Agent Skill Catalog

skillLast commit

A curated portfolio of reusable SKILL.md capabilities for Claude Code, OpenAI Codex, Cursor, and other AI coding agents.

Role
Agent workflow design and automation engineering
Scope
Agent workflow, validation automation, and packaging
Status
Publicly deployed
Skillfoliox - Agent Skill Catalog interface preview

Problem

Reusable SKILL.md capabilities are scattered across repositories and are difficult to compare by purpose, host compatibility, maturity, and install path.

Constraints

  1. C1

    Catalog facts can drift from source repositories and package releases.

  2. C2

    Remote GitHub README fetching can fail or be rate-limited.

  3. C3

    Heterogeneous Markdown must render safely and consistently without implying every skill has identical support.

Architecture

TanStack Start routes and React catalog UI; typed local catalog/search/filter model; remote README fetch/render pipeline with retry/source fallback; build-time metadata, sitemap, and Netlify deployment.

01

Skill workflow

TanStack Start routes and React catalog UI.

02

Automation

Typed local catalog/search/filter model.

03

Verification

Remote README fetch/render pipeline with retry/source fallback.

04

Distribution

Build-time metadata, sitemap, and Netlify deployment.

Decisions

D1

Keep discovery metadata in a curated local catalog

Keep discovery metadata in a curated local catalog for predictable builds, accepting explicit synchronization work.

D2

Render source documentation

Render source documentation while retaining direct-source fallbacks when fetches fail.

D3

Use one featured entry and structured status/compatibility fields

Use one featured entry and structured status/compatibility fields so comparisons remain consistent.

Contribution

  • Designed catalog schema, filters, summaries, cards, and detail routes.
  • Implemented remote README rendering and failure fallbacks.
  • Documented the add-skill workflow and validation expectations.
  • Added tests, sitemap generation, responsive UI, and Netlify configuration.

Outcomes

  • Visitors can browse and compare skills.
  • Open rendered documentation and canonical repositories.
  • Inspect compatibility, version, status, and categories.
  • Maintainers can add catalog entries through a documented, testable workflow.

Product screenshot

Skillfoliox - Agent Skill Catalog interface preview
Skillfoliox - Agent Skill Catalog presents a curated portfolio of reusable SKILL.md capabilities for Claude Code, OpenAI Codex, Cursor, and other AI coding agents.

Verified stack

  • TanStack Start
  • React
  • TypeScript
  • Vite
  • Tailwind CSS
  • shadcn/ui
  • Radix UI
  • React Markdown
  • Vitest
  • Netlify
  • React Testing Library
  • System Design

Working through something similar?

Share your challenge, scope, and timeline to start a focused conversation.