Toolverse
All skills

component-flattening-analysis

by tech-leads-club

Identifies and fixes component hierarchy issues by detecting orphaned classes in root namespaces and ensuring components exist only as leaf nodes. Use when analyzing component structure, finding orphaned classes, flattening component hierarchies, removing component nesting, or

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
Frontend

About this skill

Identifies and fixes component hierarchy issues by detecting orphaned classes in root namespaces and ensuring components exist only as leaf nodes. Use when analyzing component structure, finding orphaned classes, flattening component hierarchies, removing component nesting, or when the user asks about component flattening, orphaned classes, or component structure cleanup.

How to use

  1. Poproś umiejętność o przeskanowanie struktury komponentów, używając jednej z poleceń: "Znajdź osierocone klasy w głównych przestrzeniach nazw", "Wyspłaszcz hierarchie komponentów", "Zidentyfikuj komponenty wymagające wyspłaszczenia" lub "Przeanalizuj strukturę komponentów pod kątem problemów hierarchii".

  2. Umiejętność skanuje przestrzenie nazw komponentów i mapuje ich hierarchię, aby zidentyfikować klasy znajdujące się na poziomie głównym, które powinny być zagnieżdżone wewnątrz komponentów.

  3. Analiza wykrywa komponenty zbudowane na bazie innych komponentów oraz flagi naruszeń hierarchii, gdzie komponenty nie istnieją wyłącznie jako węzły liści.

  4. Na podstawie znalezionych problemów umiejętność sugeruje strategie wyspłaszczenia — czy poprzez konsolidację kodu, czy poprzez podział komponentów na mniejsze jednostki.

  5. Otrzymasz plan refaktoryzacji zawierający konkretne kroki do wykonania oraz szacunkowy nakład pracy potrzebny do wdrożenia zmian.

  6. Użyj wyników do reorganizacji struktury katalogów i przestrzeni nazw, aby komponenty były ułożone wyłącznie jako węzły liści bez osieroconych klas na poziomie głównym.

Related skills

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Frontend
65135

2d-games

by davila7

2D game development principles. Sprites, tilemaps, physics, camera.

Frontend
2674

domain-name-brainstormer

by ComposioHQ

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Frontend
21116

zustand

by lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

Frontend
36126

markitdown

by K-Dense-AI

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting

Frontend
75173

theme-factory

by anthropics

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Frontend
40139