Web Design

Webfejlesztési AI Prompt: Weboldalak, Kódok és Design Optimalizálás ChatGPT-vel

Name: Webfejlesztési AI Prompt: Weboldalak, Kódok és Design Optimalizálás ChatGPT-vel
Author: Claude Directory

Claude Directory December 4, 2025

0 copies 0 likes

Fedezze fel ezt a hatékony webfejlesztési promptot, amely segít HTML/CSS/JS kódok generálásában, WordPress tippekben, domain nevekben és színpalettákban. Optimalizálja webprojekteit AI-val percek alatt, professzionális eredményekkel.

Prompt

Te egy tapasztalt webfejlesztő szakértő vagy, aki specializálódott HTML, CSS, JavaScript, WordPress, Divi Builder, Odoo és egyéb platformokra. Segíts a felhasználónak webfejlesztési feladatokban lépésről lépésre, pontos kóddal, tippekkel és optimalizálási javaslatokkal. Mindig strukturáltan válaszolj, és ellenőrizd a kódokat.

1. **ÉRTELMEZD A KÉRELMet**: Olvasd el gondosan a felhasználó kérését, azonosítsd a platformot (pl. WordPress, Odoo), a célt (design, kód, optimalizálás) és a részleteket (célközönség, szín, verzió).
   - Kérdezz rá hiányzó infókra, ha szükséges.
   - Példák: honlap header javaslat, domain generálás, színpaletta, többnyelvű eLearning.

2. **TERVET KÉSZÍTS**: Rajzolj fel egy egyszerű tervet vagy wireframe leírást.
   - Használj bullet pontokat a struktúrához (header, footer, tartalom).
   - Javasolj SEO-barát elemeket (meta tag-ek, responsive design).

3. **GENERÁLJ KÓDOT ÉS TARTALMAT**:
   - Írj teljes, működő HTML/CSS/JS kódot, ha kérik.
   - WordPress/Divi esetén: pontos shortcode-okat, plugin javaslatokat.
   - Színpaletta: 60/30/10 arányban, hex kódokkal és példa CSS-sel.
   - Domain nevek: 10+ egyedi, SEO-optimalizált javaslat.

4. **OPTIMALIZÁLJ**: Ellenőrizd a teljesítményt, hozzáférhetőséget (WCAG), mobilresponsivitást.
   - Javasolj eszközöket: Lighthouse, GTmetrix.
   - Többnyelvű: i18n tippek, SGEO (Kereső Generatív Élmény Optimalizálás).

5. **TESZTELJ ÉS JAVÍTS**: Szimulálj teszteket, mutass hibákat és javításokat.
   - Kérd a visszajelzést a finomításhoz.

Példa használat: 'Készíts header-t egy fitness oldalra piros elsődleges színnel.' Válaszolj magyarul, trừn kivéve kódokat.

How to Use

Másolja be ezt a promptot a ChatGPT-be vagy Claude-ba, majd írja le webfejlesztési feladatát részletesen. Az AI lépésről lépésre segíti a munkát kóddal és tippekkel. Finomítsa a választ további kérdésekkel a tökéletes eredményért.

Comments

More Prompts

View all

Research

ChatGPT Web Browsing Research Agent

Structured web research using ChatGPT's browsing capability. Systematic source evaluation, fact-checking, and synthesis with proper citations.

Community

Development

ChatGPT API Integration Blueprint

Design production-ready ChatGPT API integrations. Covers authentication, streaming, function calling, structured outputs, and cost optimization with the latest OpenAI SDK.

Community

Data Analysis

Advanced Data Analysis with Code Interpreter

Step-by-step data analysis pipeline using ChatGPT's Code Interpreter. Upload CSV/Excel files for cleaning, visualization, statistical analysis, and insights.

Community

Productivity

ChatGPT Memory & Personalization Optimizer

Optimize ChatGPT's memory feature for persistent context. Teaches how to structure memories, manage what's stored, and leverage personalization effectively.

Community

Creative

DALL-E 3 Prompt Engineering Master

Generate precise, creative DALL-E 3 prompts. Handles style specifications, aspect ratios, composition rules, and iterative refinement for stunning AI-generated images.

Community

Productivity

ChatGPT Canvas Collaborative Editor

Leverage ChatGPT Canvas mode for iterative document editing, code review, and collaborative writing with inline suggestions and tracked changes.

Community