semi-design-guide
使用 Semi Design 组件的完整指南,包括 MCP 工具使用流程、常见模式、最佳实践。当你需要查询 Semi Design 组件、生成组件代码或解决使用问题时,请使用此技能。
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
使用 Semi Design 组件的完整指南,包括 MCP 工具使用流程、常见模式、最佳实践。当你需要查询 Semi Design 组件、生成组件代码或解决使用问题时,请使用此技能。
How to use
Upewnij się, że masz skonfigurowany Semi MCP w swoim pliku konfiguracyjnym. Dodaj wpis do mcpServers z poleceniem npx i argumentem -y @douyinfe/semi-mcp, aby narzędzie było dostępne dla Twojego asystenta AI.
Gdy potrzebujesz informacji o komponencie Semi Design, zacznij od wyszukania dokumentacji za pomocą narzędzia get_semi_document. Podaj nazwę szukanego komponentu, aby uzyskać jego API i parametry.
Jeśli chcesz zobaczyć dostępne komponenty lub pliki, użyj get_component_file_list, aby otrzymać listę wszystkich plików w bibliotece. To pomaga w orientacji, gdy nie jesteś pewny, jak się coś nazywa.
Aby przejrzeć pełny kod komponentu, zastosuj get_file_code z ścieżką do pliku. Jeśli interesuje Cię konkretna funkcja lub logika wewnątrz komponentu, użyj get_function_code, aby zobaczyć jej implementację.
Podczas implementacji sprawdź BEST_PRACTICES.md w ramach tego Skill, aby upewnić się, że importujesz komponenty prawidłowo, dostosowujesz tematy zgodnie z wytycznymi i rozszerzasz komponenty, gdy wbudowane props nie wystarczają.
W przypadku typowych zadań takich jak filtrowanie tabel, walidacja formularzy czy kaskadowe selektory, zapoznaj się z sekcją WORKFLOWS.md, która zawiera szczegółowe kroki dla każdego scenariusza.