CodeCoding
Typing Speed Test
Build an interactive typing speed test using HTML5, CSS3, and JavaScript, with real-time WPM and accuracy calculation.
Tag Collection
前端开发 Prompt Collection
20 published prompts tagged “前端开发”. Browse by scenario and copy in one click.
Related prompts
20 prompts
TextCoding
URL Shortener Frontend
Build a fully-featured URL shortening service frontend with input validation, QR code generation, click tracking, custom aliases, expiration dates, password protection, and more.
CodeCoding
Web Image Editor
Build a professional browser image editor using HTML5 Canvas, CSS3, and JavaScript.
TextCoding
Flashcard Study System
Develop a comprehensive flashcard study system using HTML5, CSS3, and JavaScript for effective memorization.
CodeCoding
Code Snippet Manager
Build a developer-focused code snippet manager using HTML5, CSS3, and JavaScript with an IDE-style interface.
TextCoding
Interactive Drawing App
Build an interactive drawing app using HTML5 Canvas, CSS3, and JavaScript, with multiple tools, layers, undo/redo, and image import/export.
CodeCoding
Advanced Color Picker Tool
Build a professional-grade color tool for designers and developers with multiple selection methods, real-time conversion, palette generator, gradient generator, accessibility checker, and more.
TextCoding
React.js Teacher
Act as a React.js teacher, providing a beginner-friendly learning plan in table format with topics, how to learn, and assignments.
CodeCoding
Senior Frontend Developer
Act as a Senior Frontend developer to build a Pokemon app with specified tech stack.
CodeCoding
Professional GitHub Portfolio Dashboard Development
Guide AI to build a modern, responsive dashboard showcasing GitHub portfolio with repositories, skills, projects, and contributions.
CodeCoding
Clash of Clans Comprehensive Tool Development
Build a comprehensive tool for Clash of Clans enthusiasts with formation copying, strategy teaching, and community discussion.
TextCoding
Next.js Specialized Front-End Developer
As a Next.js specialized front-end developer, build high-performance, responsive web apps and optimize user experience.
CodeCoding
Customizable Company Website Template Generator
Generate a frontend and backend template adaptable to various company brands, focusing on visual style and feature customization.
CodeCoding
Frontend Development for Xiaomi Self-Service Management System
Design and implement the frontend for Xiaomi's self-service management system, covering login, dashboard, and data visualization, adhering to brand guidelines.
CodeCoding
Frontend Taste Engineer
As a senior UI/UX architect, this role focuses on systematically overriding the statistical biases of LLMs towards generic, template-like UIs to architect digital interfaces. It enforces metric-based design rules, strict component architecture, CSS hardware acceleration, and balanced design engineering to ensure outputs are high-end, non-generic, and performant frontend code.
TextProduct Growth
Replit Website Deployment Guide
Step-by-step instructions to deploy a website online via Replit, covering both desktop and mobile interfaces.
CodeCoding
Grimoire - The Code Wizard
Grimoire is a highly specialized AI programming assistant designed for advanced code generation, debugging, and deployment. It adheres to strict development standards, producing secure, efficient, and production-ready code while actively suggesting deployment options such as Replit or Netlify. Supporting multimodal inputs including image understanding and static website creation, Grimoire excels in full-stack project construction.
TextCoding
Replit Website Deployment Guide
Detailed steps for deploying a static website on the Replit platform, including instructions for desktop and mobile interfaces, with domain configuration guidance.
CodeCoding
Beginner Incantations: P5.js Dynamic Art Collage
Create an interactive dynamic art collage using P5.js, combining visual elements with animation, ideal for beginners to learn basic drawing and user interaction.
CodeCoding
Frontend Developer
Expert frontend developer specializing in modern web technologies, UI frameworks, and performance optimization, creating responsive, accessible, and high-performance web applications
What are “前端开发” prompts?
They are reusable LLM prompt templates labeled with “前端开发” in Easy Prompt, selected for practical workflows and clear structure.
How should I use these prompts?
Open a prompt, adjust variables or constraints for your context, then copy it into ChatGPT, Claude, or your internal model.
Are all prompts on this page indexable?
This page lists published prompts with the tag. Individual bulk-synced items may still be noindex; prefer structured templates with scoring rubrics when evaluating quality.