2026 E2E Website Production Standards Type: Rule (Global Customization) Scope: All web production projects Location: ~/.gemini/config/rules/web-production-2026.md
- Agent Setup & Context Terminal & NotebookLM Integration: Agenti u terminalu (poput Claude Code) imaju direktan pristup kodnoj bazi. NotebookLM služi kao centralni izvor instrukcija i autoritativni okvir. Model Context Protocol (MCP): Koristiti MCP servere za "čitanje" dizajn sistema iz Figme ili pristup Cloudflare resursima.
- Neophodne Datoteke za Instrukcije (Konfiguracija) U root direktorijumu projekta MORAJU postojati:
llms.txt i llms-full.txt: Prate llmstxt.org konvenciju. Za razumevanje strukture sajta i ključnih informacija bez šuma. CLAUDE.md: Za eksplicitni kontekst brenda i dokumentaciju dizajn tokena (boje, fontovi, razmaci). spec.md: Dokument sa poslovnim ciljevima, KPI-evima, korisničkim putevima i SEO strategijom.
- Faze Vođenja Agenta (E2E Workflow) Agent mora pratiti ovih 9 faza razvoja:
Faza 0: Otkrivanje i strategija — Ciljevi i persone. Faza 1: Osnova dizajn sistema — Fluidna tipografija clamp(), dizajn tokeni: Primitive → Semantic → Component. Faza 2: Skela projekta (Scaffolding) — Astro 5+ / Next.js 16+, TypeScript, CI/CD. Faza 3: Implementacija jezgra — Navigacija, meta komponente, JSON-LD. Faza 4: Integracija sadržaja — Headless CMS, VideoObject šeme. Faza 5: Optimizacija performansi — Core Web Vitals: LCP ≤ 2.5s, INP ≤ 200ms, CLS ≤ 0.1; kontrola JS bundle-a. Faza 6: Testiranje i QA — Playwright E2E, axe-core pristupačnost. Faza 7: Deployment — CDN, CSP sigurnosna zaglavlja, SSL. Faza 8: Post-launch — Monitoring field podataka (RUM), redovni auditi.
- Pravila za Promptove i Razmišljanje "Answer-First" model: Svaki prompt započeti jasnom činjeničnom izjavom o cilju sekcije. Primer: „Cilj: hero sekcija mora konvertovati posetioce u prijave. Zatim → kontekst i ograničenja." Struktura prompta: Kontekst Zadatak Ograničenja
- Mogućnosti Agenta Agentic Engineering: Samostalno čišćenje "vibe koda", ispravljanje bagova i generisanje testova. Automatizacija CI/CD: Integracija u GitHub Actions za automatsku proveru performansi. Pristupačnost (A11y): Obavezna upotreba axe-core za testiranje fokusa i kontrasta boja. Video SEO: Implementacija VideoObject šeme i "facade pattern" za optimizaciju LCP-a.
Log in or sign up for Devpost to join the conversation.