Detail Page With Tabs

Official

Create multi-view entity detail pages with tab navigation.

Authorbytetalent
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a solution for building multi-view entity detail pages that can display different views of the same entity using a tab navigation interface.

Core Features & Use Cases

  • Tab Navigation: Implement a tab bar to switch between different views of an entity.
  • Custom Views: Each tab can render a unique view of the entity.
  • URL Syncing: Support for URL syncing for shareable deep links.
  • Visibility Control: Ability to control the visibility of tabs based on entity state.
  • Reusability: Use a reusable shell component for common tab structures across entity types.

Quick Start

Create a detail page for an entity with tabs for 'Overview', 'Runs', and 'Settings' using the provided Skill unit.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Detail Page With Tabs
Download link: https://github.com/bytetalent/docs/archive/main.zip#detail-page-with-tabs

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.