Use this resource during the Frontend Building stage. Adapt it to your project requirements and validate the result before production use.
Build static pages, WordPress themes, generated templates, and AI-assisted frontend code.
AI prompts, scripts, and code that can be copied and reused.
Use this resource during the Frontend Building stage. Adapt it to your project requirements and validate the result before production use.
A prompt for generating responsive frontend pages with clear layout requirements, component structure, states, and style constraints.
Adapt the resource to your project background, target users, budget, deployment environment, and security requirements. Validate the result in a test environment before using it in production.
π¬ |: 2026-07-02 # AI Code ## AI Code .: -: [] -: [] -: [] -: [1-5 ] -: 1. HTML () 2. CSS (Flexbox/Grid) 3. JavaScript() 4. (@media): [ / / ]
Use this resource during the Frontend Building stage. Adapt it to your project requirements and validate the result before production use.
A lightweight HTML template for creating landing pages, content pages, and simple static website prototypes.
Adapt the resource to your project background, target users, budget, deployment environment, and security requirements. Validate the result in a test environment before using it in production.
π§ Script |: 2026-07-02 # HTML5 ## HTML5 html <!doctype html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Β· </title> <meta name="description" content=""> <meta property="og:title" content=""> <meta property="og:description" content=""> <link rel="stylesheet" href="style.css"> </head> <body> <!-- --> <nav class="nav"> <div class="container"> <a href="/" class="logo">Logo</a> <ul class="menu"> <li><a href="/"></a></li> </ul> </div> </nav> <!-- --> <main> <!-- Hero, Content, Footer --> </main> </body> </html>