Vue3 + Less 纯前端调用 AI API，实现小红书文案生成工具

在线体验：silly-sawine-e101fa.netlify.app

技术栈

• Vue3

• Vue CLI

• Less

• 前端直连 AI 模型 API

• 部署：Netlify

项目介绍

纯前端、无后端、无数据库， 输入关键词即可一键生成小红书风格文案。 界面简洁无广告，手机/电脑都能使用。

核心实现

1. 前端直接调用 AI 接口，无需服务端

2. 针对小红书场景优化 Prompt 结构

3. Vue3 组件化开发，请求、加载、异常处理完整

4. Less 管理样式，响应式适配

5. 一键复制、重新生成，体验轻量化

部署说明

使用 Netlify 免费托管，自动构建、HTTPS 支持， 个人小工具长期稳定运行。

小结

一个轻量、实用、可落地的前端 + AI 小项目， 适合日常写文案使用，也适合前端开发者参考学习。