infographic-structure-creator

To generate infographic structure components, this Skill creates complete TypeScript/TSX layout templates within src/designs/structures, enforcing modular composition, correct item handling, and proper registration for your project's framework.

You can create list, compare, sequence, hierarchy, relation, geo, and chart infographic layouts. The code generation handles layout logic, component composition, and registration to build reusable structure templates.

To match existing patterns, the Skill scans the src/designs/structures directory for similar layouts before generating code, ensuring new infographic structures maintain consistency with your local component rules.

Yes, it self-checks against framework constraints including empty-state handling, correct indexes, and preventing unlisted components. This validates the generated infographic structure code for reliable outputs.

No, registration is automated. The Skill generates and registers complete infographic structure components following the project's framework, handling the registration requirements directly during the code generation process.

Avoid using automated infographic structure code generation when your layout requires components not listed in the project's framework constraints, or when working outside the src/designs/structures TypeScript/TSX directory scope.