Does it handle legacy documentation links?

Yes, the skill includes a pattern to replace old routes (like /settings/about) with automatic redirects to the new centralized help hub.

Where does the help link appear in the UI?

The skill adds a 'Getting Started' link at the top of the sidebar, positioned above the main navigation items with a visual separator, and integrates into the mobile bottom navigation.

What framework does the Help Hub skill support?

It primarily targets Next.js applications using shadcn/ui and Lucide icons, but it also includes implementation patterns for single-page applications (SPAs) using hash routing.

Can I link directly to a specific help tab?

Yes, the skill is designed with URL-driven tab states. You can use parameters like '?tab=feature-guide' to deep link users directly to specific content.

In-App Help Hub Generator

Name: In-App Help Hub Generator
Author: Aventerica89

byAventerica89

0•

学习与文档

Builds a standardized, tabbed onboarding and documentation center directly within dashboard applications.

The Help Hub skill streamlines the creation of professional in-app documentation by implementing a proven tabbed interface for user onboarding. It transforms buried 'About' pages into first-class navigation items, providing users with instant access to getting started steps, feature overviews, and technical connection guides. With built-in support for both Next.js route-based navigation and SPA hash routing, it ensures that your documentation is deep-linkable and integrates seamlessly into existing sidebars and mobile navigation sheets.

主要功能

010 GitHub stars

02Standardized Tabbed Layout: Pre-configured tabs for Getting Started, Feature Guides, and Connections.

03Smart Navigation Integration: Automatically adds prominent sidebar entries with visual dividers and mobile-ready menus.

04Deep Linking Support: Implements URL-driven tab states via search parameters or hash fragments for precise linking.

05Contextual Redirects: Includes logic to redirect legacy documentation paths to the new centralized hub.

06Compact Card System: Optimized UI patterns for numbered onboarding steps and feature highlights using shadcn/ui.

使用场景

01Standardizing the onboarding experience across multiple dashboard-style applications.

02Promoting buried support documentation from settings menus to a primary navigation item.

03Providing clear instructions for complex integration layers like API keys or SSH configurations.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aventerica89/claude-codex help-hub

For use in Claude.ai and ChatGPT

Download Skill