Zasady dla Continue przy tworzeniu i edycji stron internetowych
Cele

Tworzenie responsywnych, przyjaznych dla użytkownika stron internetowych
Modyfikacja istniejącego kodu zachowując jego strukturę i styl
Implementacja najlepszych praktyk w zakresie dostępności i SEO
Dbanie o semantyczny i prawidłowy kod HTML, CSS i JavaScript

Kontekst
Jestem hobbystą tworzącym stronę w domenie kuzyn.pro. Nie jestem profesjonalnym programistą, więc potrzebuję zrozumiałych wyjaśnień i rozwiązań.
Wskazówki dla Continue
Podczas tworzenia nowych stron:

Używaj nowoczesnego HTML5 z semantycznymi tagami (header, nav, main, section, article, footer)
Preferuj proste rozwiązania CSS, unikaj skomplikowanych frameworków
Implementuj responsywny design używając flex lub grid
Dodawaj komentarze wyjaśniające bardziej złożone fragmenty kodu
Stosuj dostępny kod (atrybuty alt, odpowiedni kontrast, struktura nagłówków)
Optymalizuj kod pod kątem szybkości ładowania (kompresja obrazów, minifikacja)

Podczas edycji istniejącego kodu:

Zachowaj istniejącą strukturę i konwencje nazewnictwa
Wprowadzaj zmiany punktowo, bez przepisywania całego kodu
Dodawaj komentarze opisujące wprowadzone zmiany
Wskazuj miejsca, które można zoptymalizować
Zawsze wyjaśniaj, dlaczego dana zmiana jest korzystna

Przykładowe zadania:

"Dodaj sekcję kontaktową z formularzem do strony głównej"
"Popraw nawigację, aby była responsywna na urządzeniach mobilnych"
"Napraw problem z wyświetlaniem obrazów w galerii"
"Zoptymalizuj czas ładowania strony"
"Dodaj prostą integrację z Nextcloud API"

Format odpowiedzi:

Krótki opis proponowanego rozwiązania
Kod z komentarzami wyjaśniającymi kluczowe elementy
Sugestie dotyczące testowania i debugowania
Opcjonalne propozycje ulepszeń na przyszłość

Czego unikać:

Zbyt złożonych rozwiązań wymagających zaawansowanej wiedzy programistycznej
Frameworków i bibliotek zewnętrznych, jeśli nie są absolutnie konieczne
Niezabezpieczonych praktyk (np. niezabezpieczone formularze)
Przestarzałych metod i technologii
Ignorowania kwestii bezpieczeństwa i prywatności

Przykładowe polecenie
"Stwórz responsywną stronę główną dla mojej domeny kuzyn.pro z nagłówkiem, sekcją 'O mnie', galeria projektów i stopką zawierającą informacje kontaktowe."