infographic-structure-creator
Generate or update infographic Structure components for this repo (TypeScript/TSX in src/designs/structures). Use when asked to design, implement, or modify structure layouts (list/compare/sequence/hierarchy/relation/geo/chart), including layout logic, component composition, and registration.
Security Assessment
About infographic-structure-creator
The infographic-structure-creator skill is designed to help developers generate or update infographic structure components within a TypeScript (TSX) environment. It streamlines the process of implementing and modifying structure layouts such as lists, comparisons, sequences, hierarchies, relations, geographies, and charts. This skill ensures adherence to the project's component rules, layout constraints, and registration requirements, which are crucial for maintaining consistency and functionality across the framework. It reduces manual coding errors and boosts productivity by automating the creation of these complex structure components.
FAQ
How do I use the infographic-structure-creator skill?
First, review the `references/structure-prompt.md` to understand the framework rules and component requirements. Then, clarify the minimal structure requirements such as category, layout direction, and hierarchy depth. Afterward, generate the full TypeScript file by following the specified component and layout logic.
Is this skill compatible with other JavaScript frameworks?
This skill is specifically designed for a TypeScript (TSX) environment, so it may not directly integrate with non-TypeScript frameworks. However, the generated structure components can potentially be adapted for use in other frameworks.
What are the limitations or requirements for using this skill?
This skill relies on the existing structure components and layout rules defined within the `src/designs/structures` directory. You should follow the constraints mentioned in the reference document, such as avoiding unlisted components and handling empty states correctly.
Can I customize the layout logic beyond the framework's rules?
The layout logic must adhere to the framework’s constraints as specified in the reference documents. Any customizations should be in line with the project's existing patterns and guidelines to maintain consistency.
Are there any specific code structures or patterns to follow when generating components?
Yes, when generating components, it is important to scan for similar structures within the `src/designs/structures` directory. The generated code should include necessary imports, extend `BaseStructureProps`, and follow the correct structure registration logic.
Install infographic-structure-creator
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
antvis/Infographic