ViteReact启动器

starter-monkey — Vite 启动器模板

作者 yunsii

基于 Vite 与 React 的 userscript 起始模板，由 vite-plugin-monkey 驱动，可用于 Tampermonkey、Violentmonkey、Greasemonkey、ScriptCat 等脚本引擎。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-03查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

以 vite-plugin-monkey 将 Vite 构建流程用于 userscript 开发

02

技术栈为 Vite + React，并配合 TailwindCSS 编写界面

03

支持把 UI 锚定到页面指定位置，思路参考 wxt 的 shadow-root 实现

04

按需加载脚本内容，减少对目标页面的影响

05

声明式 URL 模式匹配，配置一次即可生效

06

通过 GitHub Actions 完成自动版本发布，并提供 Greasy Fork 安装入口

模板详细介绍

starter-monkey 是一个面向 userscript（用户脚本）开发的起始模板，仓库位于 GitHub 的 yunsii/starter-monkey，采用 MIT 许可。它借助 vite-plugin-monkey 把 Vite 的构建流程接入用户脚本场景，技术栈为 Vite + React，模板类型为启动器。

README 列出的能力包括：React 与 TailwindCSS 组合用于界面开发；页面锚定（page anchoring）方式放置 UI，灵感来自 wxt 的 shadow-root 实现；按需加载以避免污染页面；通过声明式配置完成 URL 模式匹配；以及基于 GitHub Actions 的自动版本发布。模板还提供 Greasy Fork 上的安装入口与演示脚本。

README 提到已有项目基于该模板构建，例如 Bob Monkey（增强 GitHub 与 DeepWiki 体验的用户脚本集合）。FAQ 中记录了两个已知话题：集成 shadcn/ui 时浮层组件样式缺失，以及改用 Ant Design 组件库的参考提交。仓库另有 AGENTS.md 供参与该仓库的代理阅读。模板未在 README 中给出具体的框架版本号，实际依赖请以仓库依赖清单为准。

ViteReact启动器

适合你的项目吗？

适用场景

  • 为 Tampermonkey、Violentmonkey、Greasemonkey 或 ScriptCat 编写新的用户脚本
  • 需要在页面中注入 React 界面并控制其挂载位置
  • 希望用 Vite 的开发与构建方式组织用户脚本代码
  • 想参考已有的用户脚本项目（如 Bob Monkey）来搭建自己的脚本

适合人群

  • 熟悉 React 与 Vite、准备开发用户脚本的开发者
  • 需要把自定义 UI 注入到第三方网页的脚本项目
  • 希望用 GitHub Actions 自动发布脚本版本的维护者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    README 提供 Greasy Fork 安装入口，可直接安装已发布的脚本体验

  2. 2

    仓库包含 AGENTS.md，参与该仓库的代理应先阅读该文件

  3. 3

    README 未列出具体依赖版本，安装与构建前请以仓库依赖清单为准

  4. 4

    集成 shadcn/ui 时浮层组件样式可能缺失，FAQ 中有对应 issue 可参考

  5. 5

    改用 Ant Design 等组件库时，可参考 README 中给出的提交记录

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文
https://github.com/yunsii/starter-monkey/blob/master/LICENSEhttps://github.com/yunsii/starter-monkey/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 92 / 100
技术栈
Vite · React
网站类型
启动器
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-08-28
截图检查日期
2026-10-03

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Vite。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: 197ced46713308dffa8495182b693ab4558206cbca09a2e659c38a21f329458b

2026-10-03T18:51:09.510Z

来源文件 / 仓库
# Starter Monkey

[![repo:github](https://img.shields.io/badge/repo-github-0EA5E9)](https://github.com/yunsii/starter-monkey) [![version](https://img.shields.io/github/v/release/yunsii/starter-monkey?label=version&sort=semver&color=0EA5E9)](https://github.com/yunsii/starter-monkey/releases/latest) [![license](https://img.shields.io/github/license/yunsii/starter-monkey?color=0EA5E9)](https://github.com/yunsii/starter-monkey/blob/master/LICENSE) [![greasyfork](https://img.shields.io/badge/greasyfork-install-0EA5E9)](https://greasyfork.org/scripts/554420)

Starter template for userscript engine like Tampermonkey and Violentmonkey, Greasemonkey, ScriptCat, powered by [vite-plugin-monkey](https://github.com/lisonge/vite-plugin-monkey).

> Agents working on this repo: read [AGENTS.md](AGENTS.md) first.

## Install

Install on Greasy Fork (click the badge above) or visit:
https://greasyfork.org/scripts/554420

## Features

- 🚀 **Supercharged Developer Experience** - Code like a ninja with rock-solid standards
- ⚡ **React + TailwindCSS Magic** - Build stunning UIs at warp speed
- 🎯 **Effortless Page Anchoring** - Drop your UI anywhere like a boss, inspired by [wxt](https://github.com/wxt-dev/wxt/blob/ea2b8df906384f3c000ae2ab6ad462e33b79c0f2/packages/wxt/src/utils/content-script-ui/shadow-root.ts)
- 🔥 **Smart On-Demand Loading** - Keep pages squeaky clean, zero pollution guaranteed
- 🎪 **Auto-Magical Pattern Matching** - Declare once, then sit back and relax - it handles everything
- 📦 **Automated Releases** - GitHub Actions-powered automatic versioning and publishing

## Projects Built with This Template

The following userscript projects are built using the Starter Monkey template:

- **[Bob Monkey](https://github.com/yunsii/bob-monkey)** - A userscript collection that enhances GitHub and DeepWiki user experience, featuring page visit history, question history assistant, and one-click GitHub to DeepWiki navigation

## FAQ

- [Floating layer component styles are missing when integrating shadcn/ui](https://github.com/yunsii/starter-monkey/issues/1)
- [Want to use Ant Design component library?](https://github.com/yunsii/bob-monkey/commit/aa4d1316e3a3031768cb82ba19dd579e6e9a20eb)
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

react-starter-kit

react-starter-kit

Modern React starter kit with Bun, TypeScript, Tailwind CSS, tRPC, Stripe, and Cloudflare Workers. Production-…

Vite · SaaS

cove

cove

The Cove Stack: 🏝️ minimal TanStack Start template with Vite+, Better Auth, Drizzle ORM, shadcn/ui

Vite · SaaS

vite-react-boilerplate

vite-react-boilerplate

A production ready, scalable starter template for Vite + React

Vite · 启动器

react-vite-admin

react-vite-admin

This Starter utilizes React, Recoil, React Query, React Hooks, Typescript, Axios And Vite. 全新技术栈的后台管理系统

Vite · 后台

typescript-react_best_practices-vite_template

typescript-react_best_practices-vite_template

<⚡⚛️> Start your React project with Vite following code best practices (TypeScript, Linting, testing, CI/CD…)

Vite · 启动器

cloudflare-starter-kit

cloudflare-starter-kit

Template (boilerplate) repository for scaffolding Cloudflare Workers projects

Vite · 启动器