菜单
Quickly verify a Nextbase Next.js frontend build, dev server, and landing/login UI without a real Supabase backend.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/imbhargav5/nextbase-nextjs-supabase-starter --skill nextbase-frontend-smoke-testing命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Convert existing React components, UI libraries, poorly made components, or design implementations to shadcn/ui components. Use when converting Material-UI, Ant Design, Chakra UI, or custom components to shadcn/ui, migrating from other component libraries, translating Figma/design mockups to shadcn components, refactoring existing React code to use shadcn/ui patterns, or fixing poorly written/structured components by rebuilding them with shadcn/ui. Also use when asked to rebuild, recreate, reimplement, clean up, or improve components using shadcn/ui.
Code generation and conversion for Next.js 16 applications using Cache Components (PPR). Use when the user requests to "convert to use cacheComponents" at project or page level, create new Next.js pages/components with proper caching directives, split pages into cached and dynamic sections with Suspense boundaries, or work with Next.js 16's new caching model including use cache, cacheLife, Suspense, and anonymous Supabase clients for cache-friendly data fetching.
Generate comprehensive pgTap tests for Supabase PostgreSQL databases. Use when asked to write database tests for RLS policies, triggers, functions, data integrity, cascading deletes, or any pgTap/Supabase testing. Triggers include "write pgTap tests", "test RLS policies", "create trigger tests", "test database function", "write cascade tests", "test data integrity".
基于 SOC 职业分类
正在显示 SKILL.md
| name | Nextbase Frontend Smoke Testing |
| description | Quickly verify a Nextbase Next.js frontend build, dev server, and landing/login UI without a real Supabase backend. |
Use this skill to run a fast end-to-end smoke test of apps/web when upgrading Next.js, Tailwind, shadcn/ui, or adding React Bits components.
NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY (see Setup).source ~/.nvm/nvm.sh
nvm use 22
corepack pnpm -v # expect 11.1.2+
.env.${_repo_secret_imbhargav5/nextbase-website-new_INNGEST_EVENT_KEY} is missing, create it from the example and add a dummy Supabase URL/key so the browser/client can initialize:
cp .env.${_repo_secret_imbhargav5/nextbase-website-new_INNGEST_EVENT_KEY}.example .env.${_repo_secret_imbhargav5/nextbase-website-new_INNGEST_EVENT_KEY}
cp .env.development.${_repo_secret_imbhargav5/nextbase-website-new_INNGEST_EVENT_KEY}.example .env.development.${_repo_secret_imbhargav5/nextbase-website-new_INNGEST_EVENT_KEY}
apps/web/.env.${_repo_secret_imbhargav5/nextbase-website-new_INNGEST_EVENT_KEY} (and/or .env.development.${_repo_secret_imbhargav5/nextbase-website-new_INNGEST_EVENT_KEY}) with:
NEXT_PUBLIC_SUPABASE_URL=http://${_repo_secret_imbhargav5/nextbase-website-new_INNGEST_EVENT_KEY}host:54321/
NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=dummy_key
NEXT_PUBLIC_SITE_URL=http://${_repo_secret_imbhargav5/nextbase-website-new_INNGEST_EVENT_KEY}host:3000/
corepack pnpm icorepack pnpm --filter=web dev (runs next dev --turbopack on port 3000).wmctrl -r :ACTIVE: -b add,maximized_vert,maximized_horz.package.json engines currently request node: ">=24.0.0", but the app starts on Node 22 with an Unsupported engine warning. If Node 22 is the target, lower the engines field; otherwise use Node 24.apps/web/AGENTS.md and apps/web/CLAUDE.md (and rewrite apps/web/next-env.d.ts) on first dev start. Set agentRules: false in next.config.ts or .gitignore these files; restore tracked files with git checkout -- after testing.proxy.ts as middleware; routing does not require a real Supabase instance unless you hit protected pages or submit auth forms.pnpm web#build is not a root script; use corepack pnpm --filter=web build or turbo run build --filter=web.▲ Next.js 16.x and messages Cache Components enabled / Partial Prefetching enabled when the config flags are set.GET / and GET /login return HTTP 200.ShinyText heading, BlurText description, and SpotlightCard CTA.ShinyText Login to NextBase heading and Password / Magic Link / Social Login tabs.pnpm --filter=web typecheck, pnpm --filter=web lint, and pnpm --filter=web build exit 0.