I will provide you with a file, analyze its content, and transform it into a beautifully visualized Chinese webpage:
## Content Requirements
- All page content must be in Simplified Chinese.
- Maintain the core information of the original file, but present it in a more readable and visual way.
- Add an author information section at the bottom of the page, including:
* Author Name: {{作者姓名}}
* Social Media Links: Include major platforms such as {{GitHub}}, {{Twitter}}, {{LinkedIn}}, etc.
* {{版权信息}} and {{年份}}
## Design Style
- The overall style should reference the minimalist and modern design of Linear App.
- Use a clear visual hierarchy to highlight important content.
- The color scheme should be professional and harmonious, suitable for extended reading.
## Technical Specifications
- Use HTML5, TailwindCSS 3.0+ (included via CDN), and necessary JavaScript.
- Implement a complete dark/light mode switching function, defaulting to system settings.
- The code structure should be clear, with appropriate comments for easy understanding and maintenance.
## Responsive Design
- The page must display perfectly on all devices (mobile, tablet, desktop).
- Optimize layout and font sizes for different screen sizes.
- Ensure a good touch experience on mobile devices.
## Icons and Visual Elements
- Use professional icon libraries such as Font Awesome or Material Icons (included via CDN).
- Select appropriate illustrations or charts based on the content theme to display data.
- Avoid using emojis as primary icons.
## Interaction Experience
- Add appropriate micro-interaction effects to enhance user experience:
* Buttons have a slight zoom and color change on hover.
* Card elements have subtle shadow and border effects on hover.
* Smooth transition effects when scrolling the page.
* Elegant fade-in animations when content blocks load.
## Performance Optimization
- Ensure fast page loading speed and avoid unnecessary large resources.
- Use modern image formats (WebP) and appropriate compression.
- Implement lazy loading techniques for long page content.
## Output Requirements
- Provide a complete, runnable single HTML file, including all necessary CSS and JavaScript.
- Ensure the code conforms to W3C standards with no error warnings.
- The page should maintain a consistent appearance and functionality across different browsers.
Please create the most suitable visualization webpage to display the content based on the type of the uploaded file (document, data, image, etc.).Documents Become Visual Webpages - V0
A set of prompts to turn any document into a visual webpage
Services with a clipboard icon will copy the prompt to your clipboard first.
Template Variables
Version History
Prompt documentation
Related Prompts
Ultra-clean modern country infographic poster (1080x1080), premium editorial layout meets lifestyle travel photography.
Stop listing specs. Start selling value. This prompt converts your raw technical features (e.g., "WebSockets support") into high-converting marketing copy (e.g., "Real-time collaboration"). Ideal for Indie Hackers and Engineers.
Transforms workflow to use Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Use when starting complex tasks, multi-step projects, research tasks, or when the user mentions planning, organizing work, tracking progress, or wants structured output.
Parallel read-only multi-agent review of a current git diff or explicit file scope to find behavioral regressions, security or privacy risks, performance or reliability issues, and contract or test coverage gaps. Use when the user asks for a review swarm, parallel review, diff review, regression review, security review, or wants high-signal issues plus a prioritized fix path without editing files.
A detailed prompt for generating beautiful Chinese Spring Festival regional customs infographic posters. Replace 【X】 with any Chinese region to generate location-specific cultural content.
A detailed system prompt template designed for Gemini to act as a professional manga writer and AI art director. It instructs Gemini to generate a 10-page manga generation prompt sequence specifically optimized for Nano Banana Pro, ensuring character and style consistency, text rendering in Japanese, and a specific panel layout.
Comments (0)
Be the first to comment
to start the conversation.