21st.dev 组件提示词

21st.dev component prompt

指导将 React 组件集成到支持 shadcn、Tailwind 和 TypeScript 的代码库

3D animation website of shoes

Act as an expert frontend developer specializing in Three.js and WebGL. I want to build a premium 3D sneaker showcase website. Write a complete, single-file HTML code. Requirements: 1) Load a 3D model…

抽象3D拓扑谜题架构师

Abstract 3D Topology Puzzle Architect

用空间错觉与重力操控做纯几何交互原型

无障碍审计员代理角色

Accessibility Auditor Agent Role

审查网页应用的无障碍合规与辅助技术支持

担任Electron前端开发

Act as an Electron Frontend Developer

指导用户用 Electron 构建桌面应用并遵循前端开发最佳实践

自动文件重命名工具管理员门户

Administrator Portal for Auto File Renaming Tool

用 Google Apps Script 搭建安全响应式管理后台，批量上传并按员工信息重命名文件

基于React Flow的高级销售漏斗应用

Advanced Sales Funnel App with React Flow

用 React Flow 开发生产级移动优先的销售漏斗应用

AI 构建器

AI builder

根据提供的细节生成可直接发布的功能完整网站

AI Front Desk Website for a Nairobi Hotel

I wanna build an website with ai assistant for a hotel called the village in kilimani nairobi it has to have whatsapp empessa empessa prompt I want It to be an ai frondesk ai call

AI语音助手

AI voice assistant

为网站 AI 接待员设定严谨可复现的分析质量标准

Angular 指令生成器

Angular Directive Generator

根据英文描述生成可用的 Angular 指令及示例

App Store 截图画廊生成器

App Store Screenshots Gallery Generator

生成专业级应用截图展示画廊的单文件 HTML

设计一个生成系统，用光点粒子构建复杂自相似分形结构

Architect a generative system that builds complex, self-similar fractal structures made entirely of light points (particles).

设计由光点粒子构成的自相似分形结构生成系统

架构与UI/UX审查

Architecture & UI/UX Audit

让 AI 扮演资深前端工程师评审 Next.js 项目的架构、UI/UX 与设计系统

Astro.js

Astro.js

生成 Astro.js 相关代码或解答其开发问题

Autonomous Root-Cause Debugging & Bug-Fix Architect

Systematically isolates, diagnoses, and solves complex code defects, race conditions, and runtime failures with minimal diffs and regression prevention.

后端架构师

Backend Architect

以资深后端架构师身份设计可扩展、安全且易维护的服务端系统

后端架构师 Agent 角色

Backend Architect Agent Role

设计可扩展后端系统，涵盖API、数据库、安全与DevOps集成

Base64 提示词

Base64 Promt

提供可直接复制粘贴的Base64编码内容

博客系统开发指南

Blog System Development Guide

指导开发功能完备且可扩展的博客系统

基于图像处理的血型检测

blood grouping detection using image processing

为项目搭建网站或 API 的代码

用TensorFlow.js在单个HTML文件中构建DDQN贪吃蛇游戏

Build a DDQN Snake Game with TensorFlow.js in a Single HTML File

用 TensorFlow.js 最新 API 在单个 HTML 文件中实现基于 DQN 的贪吃蛇游戏

用Next.js构建自托管应用仪表盘

Build a Self-Hosted App Dashboard with Next.js

用 Next.js、Tailwind 和 NextAuth 搭建自托管应用仪表盘，抓取图标并含配置后台

在Playnance区块链上构建Web3钱包

Build a Web3 Wallet on Playnance Blockchain

指导开发支持PlayBlock链G币的生产级Web3钱包应用

构建面试练习应用

Build an Interview Practice App

用 Streamlit 或 Next.js 搭建集成 OpenAI API 的 AI 面试准备单页应用

用FastAPI和PostgreSQL构建可扩展的搜索服务

Building a Scalable Search Service with FastAPI and PostgreSQL

用 FastAPI 和 PostgreSQL 构建可扩展搜索服务并预留 Elasticsearch 与 Kafka 集成

更改博客和文档平台主页设计

change home page desgin for blog and documentation platorm

优化含顶栏、标签、博客卡片和文档卡片的首页设计

Clarity Based Checkout Flow Audit

Clarity-Based Cart & Checkout Flow Audit Configuration (fill in before use) CLARITYMCP: ${clarity} STARTDATE: {date:last 14 days} PAGES: {pages:"/sepet", "/odeme", "/sonuc"} DEVICES: ${device} PAYMENT…

全面的Web应用开发与安全性能优化

Comprehensive Web Application Development with Security and Performance Optimization

指导构建带安全认证、高性能和强交互的全栈 Web 应用

Corporate Website Refactor and Finalization

Act as an elite full-stack developer and UI/UX expert. Update, refactor, and finalize our corporate project management and inventory system with the following 11 comprehensive features and modificatio…

Create a bank website with a lot of functions naming it FATE BANK

A bank website prompt

为暗黑奇幻3D落地页创建高保真余烬与灰烬环境效果

Create a high-fidelity "Embers and Ash" environmental effect for a dark-fantasy 3D landing page.

为暗黑奇幻 3D 落地页制作余烬与灰烬特效

创建一个3D几何网格的逻辑

Create a logic where a 3D geometric mesh

让三维网格解体为粒子云并重组为另一形状

创建 PS5 主题作品集

Create a PS5-themed Portfolio

指导设计以 PS5 界面为主题、将项目展示为游戏的作品集

创建非官方 Instagram API

Create an Unofficial Instagram API

指导创建非官方 Instagram API 以实现程序化交互并说明关键限制

从Discord博客为Hazel网站创建内容

Create Content from Discord Blog for Hazel's Website

为 Hazel 网站生成基于 Discord 博客的定制内容

创建项目

Create Project

协助区政府行政开展活动并收集处理数据

使用FastAPI创建全面的Elasticsearch搜索项目

Creating a Comprehensive Elasticsearch Search Project with FastAPI

用 FastAPI 构建支持关键词、语义和向量搜索并可与 PostgreSQL 同步的 Elasticsearch 项目

创建项目管理工具

Creating a Project Management Tool

指导用现代开发实践设计并实现自定义项目管理工具

Creation of website

Make a website which is fully functional of "PS5 — Carbon Footprint Intelligence Platform" 1. User accounts and profiles 2.Carbon calculator 3.Interactive dashboard 4.Reduction planner 5.Goals and challenges 6.Downloadable reports

公司品牌定制网页模板

Customizable Web Template for Company Branding

创建可定制前后端的灵活网页模板，适配不同公司品牌

调试侦探

Debugging Detective

按概率排序可能原因并指导排查修复的结构化调试助手

设计3D网络拓扑，粒子沿预定义路径（样条曲线）移动以表示数据传输

Design a 3D "Network Topology" where particles travel along predefined paths (splines) to represent data transmission.

设计粒子沿样条路径运动以展示数据传输的三维网络拓扑

设计玻璃拟态个人简介页

Designing a Glassmorphic About Me Page

制作带管理后台的玻璃拟态响应式个人简介页

开发实时视频流网站

Develop a Live Video Streaming Website

打造类 Flingster 或 MyFreeCams 的直播平台并管理互动内容

用React Native为Sporsmaç开发现代网站

Develop a Modern Website for Sporsmaç Using React Native

为篮球基建联赛初创公司 Sporsmaç 用 React Native 打造响应式高科技网站

开发Notion克隆应用

Develop a Notion Clone Application

指导开发具备数据库、笔记与协作功能的类 Notion 应用

数字海洋

Digital Sea

设计一个粒子随鼠标或触摸反应发光的互动数字海洋