1/ jak ulepszyć projekt swojej strony internetowej za pomocą Claude Code + Skills zaprojektowałem tę stronę. była funkcjonalna, ale brakowało jej iskry potem odkryłem Claude Skills i ożywiłem ją oto mój dokładny proces 🧵
2/ problem z generowanymi przez AI interfejsami polega na tym, że: - wszystkie wyglądają tak samo - bezpieczne wybory kolorów (niebieskie przyciski, białe tła) - ogólne stylizacje komponentów - zero osobowości lub wyróżnienia moja początkowa strona internetowa była w porządku, funkcjonalna, ale nie miała tego iskry, której pragnąłem
4/ wracając do przykładu mojej strony internetowej, wykonałem te kroki, aby wykorzystać umiejętności Claude'a: 1. otworzyłem kod Claude'a w moim projekcie 2. uruchomiłem: > wyjaśnij umiejętności Claude'a (aby zrozumieć, co jest dostępne) dla mojego projektu 3. wywołałem umiejętność projektowania frontendowego 4. otrzymałem szczegółowy koncept projektu frontendowego, który nie był ogólny jednym poleceniem Claude przeszedł od podstawowego asystenta kodu do eksperta w dziedzinie projektowania.
5/ używanie samego Claude Code pozwoli ci stworzyć w pełni funkcjonalną stronę internetową, ALE ogólną stronę internetową używając Claude Code + Umiejętności możesz stworzyć stronę internetową o jakości produkcyjnej i nadać jej życie Umiejętności dają Claude'owi specjalistyczny kontekst, który zmienia sposób, w jaki podchodzi do problemów umiejętność projektowania frontendowego szczególnie unika pułapki "ogólnej estetyki AI"
6/ wypróbuj to sam! 1. zainstaluj Claude Code 2. otwórz swój projekt frontendowy 3. wywołaj umiejętność frontend-design 4. zainstaluj swoje umiejętności 5. opisz swój obecny projekt + klimat, który chcesz uzyskać 6. pozwól mu odbudować się z aktualnym myśleniem projektowym zrobię więcej takich filmów o przepływie pracy, jeśli wam się podobał ten, ponieważ sam intensywnie eksperymentuję!
10