Stats
Actions
Tags
Generates complete TypeScript/TSX Item components for infographic framework in src/designs/items. Use for designing, implementing, or modifying data visuals, layouts, and registerItem composites.
How this skill is triggered — by the user, by Claude, or both
Slash command
/antv-infographic-skills:infographic-item-creatorThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Generate complete Item component code for the infographic framework, following the project's item rules, layout constraints, and registration requirements.
Generate complete Item component code for the infographic framework, following the project's item rules, layout constraints, and registration requirements.
references/item-prompt.md for the full framework rules, allowed components, and output requirements.getItemProps to extract custom props and compute layout with getElementBounds.registerItem with accurate composites.src/designs/items for similar items to match local patterns when appropriate.npx claudepluginhub antvis/infographic --plugin antv-infographic-skillsGenerates or updates TypeScript/TSX infographic Structure components for layouts like list/compare/sequence/hierarchy/relation/geo/chart, including layout logic, composition, and registration.
Generates reusable UI patterns (card sections, grids, forms, chart wrappers) composed from StyleSeed Toss primitives for consistent design across pages.
Generates React/Vue components with TypeScript, tests, CSS modules, barrel exports, and project-pattern validation. Detects Next.js App Router and adjusts output accordingly.