Toolverse
All skills

semi-design-guide

by DouyinFE

使用 Semi Design 组件的完整指南,包括 MCP 工具使用流程、常见模式、最佳实践。当你需要查询 Semi Design 组件、生成组件代码或解决使用问题时,请使用此技能。

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
DouyinFE
Category
UX / Design
Views
15

About this skill

使用 Semi Design 组件的完整指南,包括 MCP 工具使用流程、常见模式、最佳实践。当你需要查询 Semi Design 组件、生成组件代码或解决使用问题时,请使用此技能。

How to use

  1. 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.

  2. 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.

  3. 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.

  4. 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ę.

  5. 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ą.

  6. 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.

Related skills