Skills
.Work. You
Rest

Platform Tab System

Community

Easily add new tabs to the PI CryptoMind SPA

Software Engineering#frontend#web-development#component-template#tab-system#spa-extension#ui-plugins#nav-configuration
Authoraaaa47080
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Standardizes the process of adding new tabs or components to the PI CryptoMind platform SPA, reducing manual wiring errors and ensuring a consistent UX across tabs.

Core Features & Use Cases

  • Template-driven tab creation that wires to web/js/app.js NAV_ITEMS, Components templates, and index.html placeholders
  • Versioned preference handling to migrate user settings when new tabs are introduced
  • Safe initialization pattern that injects templates and initializes per-tab modules on switch
  • Use Case: teams rapidly extend the SPA with new features while preserving UI consistency and behavior

Quick Start

Add a new tab by updating the NAV_ITEMS, bump the PREFERENCES_VERSION, create a template in Components, and wire the tab in the app switch.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: Platform Tab System
Download link: https://github.com/aaaa47080/stock_agent/archive/main.zip#platform-tab-system

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 471,000+ vetted skills library on demand.