design-md

Skill analizuje projekty Stitch i tworzy pliki DESIGN.md zawierające semantyczny system projektowania. Plik DESIGN.md służy jako źródło prawdy do generowania nowych ekranów zgodnych z istniejącym językiem projektowania. Narzędzie wyodrębnia metadane ekranów i zasoby projektowe za pośrednictwem serwera Stitch MCP, a następnie syntetyzuje wizualne opisy i wartości kolorów w ustrukturyzowaną dokumentację. Idealne dla zespołów pracujących z Stitch, które chcą zapewnić spójność projektowania na wszystkich nowych interfejsach.

1. Upewnij się, że masz dostęp do serwera Stitch MCP oraz do projektu Stitch z co najmniej jednym zaprojektowanym ekranem. Zapoznaj się z przewodnikiem efektywnego promptowania Stitch dostępnym na stronie dokumentacji.

2. Uruchom list_tools, aby znaleźć prefiks serwera Stitch MCP (zazwyczaj mcp_stitch:). Ten prefiks będzie używany do wszystkich kolejnych wywołań.

3. Jeśli nie masz identyfikatora projektu, wywołaj [prefiks]:list_projects z filtrem view=owned, aby pobrać listę wszystkich twoich projektów. Zidentyfikuj docelowy projekt po tytule lub wzorcu URL i wyodrębnij identyfikator projektu z pola name.

4. Użyj identyfikatora projektu do pobrania metadanych ekranów i zasobów projektowych z projektu Stitch za pośrednictwem dostępnych narzędzi MCP.

5. Skill przeanalizuje pobrane zasoby i syntetyzuje semantyczny system projektowania, wyodrębniając wizualne opisy i wartości kolorów obsługiwane przez Stitch.

6. Skill wygeneruje plik DESIGN.md, który będzie służyć jako źródło prawdy do promptowania Stitch do tworzenia nowych ekranów zgodnych z twoim istniejącym językiem projektowania.