What problem does it solve? Developers using the Semi Design component library often struggle to find the right component API, understand internal implementations, or extend components beyond what props allow. This Skill provides structured workflows for querying Semi Design documentation and source code through MCP tools, plus best practices for imports, theming, React 19 compatibility, and component extension. ## Core Features & Use Cases - MCP Tool Workflows: Step-by-step flows for using get_semi_document, get_component_file_list, get_file_code, and get_function_code to look up components, inspect source files, and read function implementations. - Task Recipes: Ready-made query sequences for common scenarios such as building a filterable Table, custom column rendering, form validation, cascader selectors, and drag-sortable tables. - Best Practices: Guidance on on-demand imports, icon usage, theme customization, Tailwind integration, React 19 compatibility, and extending components via class inheritance when props are insufficient. - Use Case: You need a Table with local filtering. The Skill directs you to query the Table docs, list its source files, inspect the filter logic and handleFilter function, then generate compliant code. ## Quick Start Ask the AI to use the Semi Design skill to look up the Table component documentation and generate a filterable table example.
