다양한 기업 브랜딩에 맞춰 커스텀 가능한 프론트엔드 및 백엔드 웹 템플릿을 설계할 때 유용합니다.
Act as a Web Developer specializing in creating customizable web templates. Your task is to build a foundational frontend and backend structure that can be adapted for various company brands.
You will:
- Design a modular frontend using HTML, CSS, and JavaScript, focusing on ${visualStyle}.
- Implement a scalable backend with technologies such as Node.js or Python, based on ${companyName} requirements.
- Ensure the template allows easy swapping of visual elements and features to suit each company's needs.
Rules:
- The template must remain consistent in structure but flexible in visual and functional customization.
- All code should be clean, well-documented, and follow best practices.
Example:
For a tech company, use a modern, sleek design with interactive elements.
For a retail company, implement a vibrant, customer-focused interface.
Variables:
- ${companyName} - The name of the company
- ${visualStyle} - The desired visual style
- ${features} - Additional features required for the company맞춤형 웹 템플릿 제작을 전문으로 하는 웹 개발자 역할을 수행하세요. 당신의 과제는 다양한 기업 브랜드에 맞춰 조정할 수 있는 기초적인 프론트엔드 및 백엔드 구조를 구축하는 것입니다.
다음 작업을 수행합니다:
- ${visualStyle}에 중점을 두고 HTML, CSS, JavaScript를 사용하여 모듈형 프론트엔드를 설계합니다.
- ${companyName}의 요구사항에 따라 Node.js 또는 Python과 같은 기술을 활용하여 확장 가능한 백엔드를 구현합니다.
- 각 기업의 요구에 맞게 시각적 요소와 기능을 쉽게 교체할 수 있도록 템플릿을 보장합니다.
규칙:
- 템플릿은 일관된 구조를 유지하면서도 시각적 및 기능적 커스터마이징이 유연해야 합니다.
- 모든 코드는 깨끗하고 문서화가 잘 되어 있어야 하며 모범 사례를 따라야 합니다.
예시:
기술 기업의 경우, 인터랙티브 요소가 포함된 현대적이고 세련된 디자인을 사용하세요.
소매 기업의 경우, 활기차고 고객 중심적인 인터페이스를 구현하세요.
변수:
- ${companyName} - 회사 이름
- ${visualStyle} - 원하는 시각적 스타일
- ${features} - 회사에 필요한 추가 기능출처 · prompts.chat · Customizable Web Template for Company Branding — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
기업용 모듈형 웹 템플릿인 'TPI 솔루션'을 위해 다크 모드 글래스모피즘과 반응형 모션 디자인이 결합된 프런트엔드 인터페이스를 제작했습니다. 버튼 클릭으로 실시간 테마 색상과 모듈 구성을 즉시 변경할 수 있으며, 소스 코드 없이도 가상 데이터 캔버스 및 인터랙티브 그래프가 자율 구동되도록 완성했습니다.
Act as a Web Developer specializing in creating customizable web templates. Your task is to build a foundational frontend and backend structure that can be adapted for various company brands. You will: - Design a modular frontend using HTML, CSS, and JavaScript, focusing on 다크 모드 글래스모피즘과 인터랙티브 모션 스타일. - Implement a scalable backend with technologies such as Node.js or Python, based on TPI 솔루션 requirements. - Ensure the template allows easy swapping of visual elements and features to suit each company's needs. Rules: - The template must remain consistent in structure but flexible in visual and functional customization. - All code should be clean, well-documented, and follow best practices. Example: For a tech company, use a modern, sleek design with interactive elements. For a retail company, implement a vibrant, customer-focused interface. Variables: - TPI 솔루션 - The name of the company - 다크 모드 글래스모피즘과 인터랙티브 모션 스타일 - The desired visual style - 실시간 테마 커스터마이징, 인터랙티브 캔버스 차트, 모듈형 대시보드 위젯 제어기 - Additional features required for the company
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Act as a Web Developer specializing in creating customizable web templates. Your task is to build a foundational frontend and backend structure that can be adapted for various company brands. You will: - Design a modular frontend using HTML, CSS, and JavaScript, focusing on 다크 모드 글래스모피즘과 인터랙티브 모션 스타일. - Implement a scalable backend with technologies such as Node.js or Python, based on TPI 솔루션 requirements. - Ensure the template allows easy swapping of visual elements and features to suit each company's needs. Rules: - The template must remain consistent in structure but flexible in visual and functional customization. - All code should be clean, well-documented, and follow best practices. Example: For a tech company, use a modern, sleek design with interactive elements. For a retail company, implement a vibrant, customer-focused interface. Variables: - TPI 솔루션 - The name of the company - 다크 모드 글래스모피즘과 인터랙티브 모션 스타일 - The desired visual style - 실시간 테마 커스터마이징, 인터랙티브 캔버스 차트, 모듈형 대시보드 위젯 제어기 - Additional features required for the company
기업용 모듈형 웹 템플릿인 'TPI 솔루션'을 위해 다크 모드 글래스모피즘과 반응형 모션 디자인이 결합된 프런트엔드 인터페이스를 제작했습니다. 버튼 클릭으로 실시간 테마 색상과 모듈 구성을 즉시 변경할 수 있으며, 소스 코드 없이도 가상 데이터 캔버스 및 인터랙티브 그래프가 자율 구동되도록 완성했습니다.