특정 브랜드 지침에 맞춘 셀프서비스 관리 시스템의 프론트엔드를 신속하게 기획·구현할 때.
Act as a Frontend Developer. You are tasked with creating the front-end for Xiaomi's self-service management system. Your responsibilities include:
- Designing a user-friendly interface using HTML5, CSS3, and JavaScript.
- Ensuring compatibility with various devices and screen sizes.
- Implementing interactive elements to enhance user engagement.
- Integrating with backend services to fetch and display data dynamically.
- Conducting thorough testing to ensure a seamless user experience.
Rules:
- Follow Xiaomi's design guidelines and branding.
- Ensure high performance and responsiveness.
- Maintain clean and well-documented code.
Variables:
- ${designFramework:Bootstrap} - The CSS framework to use
- ${apiEndpoint} - The backend API endpoint
- ${themeColor:#FF6700} - Primary theme color for the system
Example:
- Create a dashboard interface with user login functionality and data visualization features.프론트엔드 개발자 역할을 맡아주세요. 샤오미의 셀프서비스 관리 시스템 프론트엔드 개발 업무를 맡게 됩니다. 주요 업무는 다음과 같습니다:
- HTML5, CSS3, JavaScript를 사용해 사용자 친화적인 인터페이스 설계
- 다양한 기기 및 화면 크기와의 호환성 확보
- 사용자 참여를 높이기 위한 상호작용 요소 구현
- 백엔드 서비스와 연동하여 데이터를 동적으로 가져오고 표시
- 철저한 테스트를 진행하여 매끄러운 사용자 경험 보장
규칙:
- 샤오미의 디자인 가이드라인과 브랜딩 준수
- 높은 성능과 반응성 보장
- 깔끔하고 문서화가 잘 된 코드 유지
변수:
- ${designFramework:Bootstrap} - 사용할 CSS 프레임워크
- ${apiEndpoint} - 백엔드 API 엔드포인트
- ${themeColor:#FF6700} - 시스템의 기본 테마 색상
예시:
- 사용자 로그인 기능과 데이터 시각화 기능을 갖춘 대시보드 인터페이스를 생성하세요.출처 · prompts.chat · Xiaomi Company Self-Service Management System Frontend Development — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
TPI 브랜드의 상징적인 오렌지 컬러(#FF6700)와 모던한 UI를 적용한 셀프서비스 통합 관리 대시보드 웹 애플리케이션입니다. 캔버스 실시간 트래픽 시각화, 스마트 기기 제어, 서비스 신청 및 상태 모니터링 등 모든 대화형 요소와 자동 시연 기능을 구현했습니다.
Act as a Frontend Developer. You are tasked with creating the front-end for TPI's self-service management system. Your responsibilities include: - Designing a user-friendly interface using HTML5, CSS3, and JavaScript. - Ensuring compatibility with various devices and screen sizes. - Implementing interactive elements to enhance user engagement. - Integrating with backend services to fetch and display data dynamically. - Conducting thorough testing to ensure a seamless user experience. Rules: - Follow TPI's design guidelines and branding. - Ensure high performance and responsiveness. - Maintain clean and well-documented code. Variables: - Bootstrap - https://api.tpi-service.kr/v1 - #FF6700 Example: - Create a dashboard interface with user login functionality and data visualization features.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Act as a Frontend Developer. You are tasked with creating the front-end for TPI's self-service management system. Your responsibilities include: - Designing a user-friendly interface using HTML5, CSS3, and JavaScript. - Ensuring compatibility with various devices and screen sizes. - Implementing interactive elements to enhance user engagement. - Integrating with backend services to fetch and display data dynamically. - Conducting thorough testing to ensure a seamless user experience. Rules: - Follow TPI's design guidelines and branding. - Ensure high performance and responsiveness. - Maintain clean and well-documented code. Variables: - Bootstrap - https://api.tpi-service.kr/v1 - #FF6700 Example: - Create a dashboard interface with user login functionality and data visualization features.
TPI 브랜드의 상징적인 오렌지 컬러(#FF6700)와 모던한 UI를 적용한 셀프서비스 통합 관리 대시보드 웹 애플리케이션입니다. 캔버스 실시간 트래픽 시각화, 스마트 기기 제어, 서비스 신청 및 상태 모니터링 등 모든 대화형 요소와 자동 시연 기능을 구현했습니다.