SkillCodex Browser UI

0•

Builds clean, Apple-inspired documentation browsers and catalog interfaces in Next.js using Tailwind CSS.

SkillCodex Browser UI equips Claude Code with strict design and architectural patterns to construct skills.sh-style documentation catalog browsers. It enforces a pure UI layer without backend or auth dependencies, structuring Next.js and Tailwind interfaces with expansive whitespace, accessible skeleton loaders, full markdown viewers, and tier-based motion rules (standard CSS transitions by default, isolating Framer Motion to dedicated client leaves). This skill is ideal for teams building agent skill registries, component libraries, or public markdown documentation portals requiring fast, elegant browsing experiences.

主要功能

01Implements Apple-inspired typography, spacing, and loading skeleton patterns in Tailwind CSS
02Applies strict UI-only boundaries without backend, database, or authentication overhead
03Generates core doc catalog routes including index, skill details, submission, and design guidelines
04Eliminates fake install vanity metrics in favor of outcome-driven metadata and tags
05Enforces strict Tier 0 CSS transitions by default, isolating Framer Motion into dedicated client leaves
060 GitHub stars

使用场景

01Creating an open-source markdown documentation browser with Next.js and Tailwind
02Standardizing catalog page layouts and skeleton loaders across internal developer portals
03Building an agent skill directory or registry similar to skills.sh