← 返回 Skills 市场
deepu105

Auth0 Quickstart Test

作者 Deepu K Sasidharan · GitHub ↗ · v1.0.0 · MIT-0
darwinlinux ✓ 安全检测通过
76
总下载
0
收藏
0
当前安装
1
版本数
在 OpenClaw 中安装
/install auth0-quickstart-test
功能描述
Use when adding authentication or login to any app - detects your stack (React, Next.js, Vue, Nuxt, Angular, Express, Fastify, React Native), sets up an Auth...
使用说明 (SKILL.md)

Auth0 Quickstart

Detect your framework and get started with Auth0 authentication.


Step 1: Detect Your Framework

Run this command to identify your framework:

# Check package.json dependencies
cat package.json | grep -E "react|next|vue|nuxt|angular|express|fastify|@nestjs"

# Or check project files
ls -la | grep -E "angular.json|vue.config.js|next.config"

Framework Detection Table:

Framework Detection Skill to Use
React (Vite/CRA) "react" in package.json, no Next.js auth0-react
Next.js "next" in package.json auth0-nextjs
Vue.js "vue" in package.json, no Nuxt auth0-vue
Nuxt "nuxt" in package.json auth0-nuxt
Angular angular.json exists or "@angular/core" auth0-angular
Express.js "express" in package.json auth0-express
Fastify (web app) "fastify" in package.json, has @fastify/view auth0-fastify
Fastify (API) "fastify" in package.json, no view engine auth0-fastify-api
React Native "react-native" or "expo" in package.json auth0-react-native

Don't see your framework? See Tier 2 Frameworks below.


Step 2: Auth0 Account Setup

Install Auth0 CLI

macOS/Linux:

brew install auth0/auth0-cli/auth0

Windows:

scoop install auth0
# Or: choco install auth0-cli

Full installation guide: See CLI Reference

Login to Auth0

auth0 login

This opens your browser to authenticate with Auth0.


Step 3: Create Auth0 Application

Choose application type based on your framework:

Single Page Applications (React, Vue, Angular):

auth0 apps create --name "My App" --type spa \
  --callbacks "http://localhost:3000" \
  --logout-urls "http://localhost:3000" \
  --metadata "created_by=agent_skills"

Regular Web Apps (Next.js, Nuxt, Express, Fastify):

auth0 apps create --name "My App" --type regular \
  --callbacks "http://localhost:3000/api/auth/callback" \
  --logout-urls "http://localhost:3000" \
  --metadata "created_by=agent_skills"

Native Apps (React Native):

auth0 apps create --name "My App" --type native \
  --callbacks "myapp://callback" \
  --logout-urls "myapp://logout" \
  --metadata "created_by=agent_skills"

Get your credentials:

auth0 apps list          # Find your app
auth0 apps show \x3Capp-id> # Get client ID and secret

More CLI commands: See CLI Reference


Step 4: Use Framework-Specific Skill

Based on your framework detection, use the appropriate skill:

Tier 1 Frameworks (Dedicated Skills)

Frontend:

  • auth0-react - React SPAs (Vite, Create React App)
  • auth0-nextjs - Next.js (App Router and Pages Router)
  • auth0-vue - Vue.js 3 applications
  • auth0-nuxt - Nuxt 3/4 applications
  • auth0-angular - Angular 12+ applications

Backend:

  • auth0-express - Express.js web applications
  • auth0-fastify - Fastify web applications
  • auth0-fastify-api - Fastify API authentication

Mobile:

  • auth0-react-native - React Native and Expo (iOS/Android)

Tier 2 Frameworks (Use Auth0 Docs)

Not yet available as separate skills. Use Auth0 documentation:

Frontend:

Backend:

Mobile:


Migration from Other Providers

Migrating from another auth provider? Use the auth0-migration skill.

The migration skill covers:

  • User export from Firebase, Cognito, Supabase, Clerk, etc.
  • Bulk import to Auth0
  • Code migration patterns (before/after examples)
  • JWT validation updates
  • Gradual migration strategies

Reference Documentation

Environment Variables

Framework-specific environment variable setup:

Auth0 Concepts

Core concepts and troubleshooting:

CLI Commands

Complete Auth0 CLI reference:


Common Mistakes

Mistake Fix
Wrong application type SPAs need "Single Page Application", server apps need "Regular Web Application", mobile needs "Native"
Callback URL not configured Add your app's callback URL to Allowed Callback URLs in Auth0 Dashboard
Using wrong credentials Client Secret only needed for Regular Web Apps, not SPAs
Hardcoding credentials in code Always use environment variables, never commit secrets to git
Not testing locally first Set up localhost URLs in Auth0 before deploying to production
Mixing application types Don't use SPA SDK for server-side apps or vice versa

Related Skills

Core Integration

  • auth0-migration - Migrate from other auth providers

SDK Skills

  • auth0-react - React SPA integration
  • auth0-nextjs - Next.js integration
  • auth0-vue - Vue.js integration
  • auth0-nuxt - Nuxt 3/4 integration
  • auth0-angular - Angular integration
  • auth0-express - Express.js integration
  • auth0-fastify - Fastify web app integration
  • auth0-fastify-api - Fastify API integration
  • auth0-react-native - React Native/Expo integration

Advanced Features

  • auth0-mfa - Multi-Factor Authentication

References

安全使用建议
This skill appears to be what it says: a CLI-driven Auth0 quickstart. Before installing or running commands: (1) prefer the Homebrew install over piping a GitHub raw script to sh; (2) review any auth0 CLI commands the skill runs — creating apps or running 'auth0 apps show' will surface client IDs/secrets and 'auth0 logs tail' can show tenant logs; treat those secrets carefully and don't commit them to source control; (3) the skill will inspect local files (package.json, config files) to detect your framework — only run it in projects you trust; (4) when creating resources, ensure you are using the intended Auth0 tenant (dev vs prod). If you want more assurance, ask the skill author to confirm the exact CLI commands it will run or run the listed commands manually instead of letting an agent run them automatically.
功能分析
Type: OpenClaw Skill Name: auth0-quickstart-test Version: 1.0.0 The skill bundle is a legitimate tool designed to assist developers in integrating Auth0 authentication into various application stacks. It utilizes the official Auth0 CLI for account management and application setup, and it includes comprehensive documentation on security best practices, such as environment variable management and avoiding hardcoded secrets. The framework detection logic in SKILL.md and the installation instructions in references/cli.md are transparent and align with the stated purpose without any evidence of malicious intent or data exfiltration.
能力标签
requires-oauth-tokenrequires-sensitive-credentials
能力评估
Purpose & Capability
The skill is an Auth0 quickstart and explicitly requires the Auth0 CLI (binary 'auth0') and provides CLI-centric instructions to detect framework and create Auth0 apps. The Homepage and install spec (Homebrew formula for auth0) align with the stated purpose.
Instruction Scope
Runtime instructions read local project files (package.json, project config files) to detect the framework and then call the Auth0 CLI (login, apps create, apps show, logs tail, etc.). Reading package.json and config files is reasonable for framework detection, but the skill will prompt the user to perform operations that can enumerate and modify Auth0 tenant resources (create apps, list apps, show credentials).
Install Mechanism
Primary install method is a Homebrew formula (auth0/auth0-cli/auth0), which is standard and expected. The included reference docs also show an alternate curl | sh installer (raw.githubusercontent.com) — this pattern is common for CLIs but is higher risk than a curated package manager; the skill itself declares Homebrew as the install mechanism.
Credentials
The skill does not require any environment variables or secret credentials to run. The documentation describes the normal Auth0 environment variables (AUTH0_CLIENT_ID, AUTH0_CLIENT_SECRET, AUTH0_SECRET, etc.) that developers must set for their apps, which is appropriate and expected for an Auth0 integration.
Persistence & Privilege
always is false and model invocation is allowed (default). The skill does not request persistent system-wide privileges or access to other skills' configs.
如何使用
  1. 确保已安装 OpenClaw(本地或 Docker 部署)
  2. 在对话框中输入安装命令:/install auth0-quickstart-test
  3. 安装完成后,直接呼叫该 Skill 的名称或使用 /auth0-quickstart-test 触发
  4. 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
v1.0.0
- Initial release of the auth0-mfa-test skill. - Introduces a quickstart guide for adding Auth0 authentication to a wide range of frameworks (React, Next.js, Vue, Nuxt, Angular, Express, Fastify, React Native, and more). - Guides users through framework detection, Auth0 account setup, CLI installation, and application creation. - Links to framework-specific skills for streamlined integration. - Provides troubleshooting tips, migration guidance, and references to official Auth0 documentation. - Lists related skills for advanced features and further integrations.
元数据
Slug auth0-quickstart-test
版本 1.0.0
许可证 MIT-0
累计安装 0
当前安装数 0
历史版本数 1
常见问题

Auth0 Quickstart Test 是什么?

Use when adding authentication or login to any app - detects your stack (React, Next.js, Vue, Nuxt, Angular, Express, Fastify, React Native), sets up an Auth... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 76 次。

如何安装 Auth0 Quickstart Test?

在 OpenClaw 或 Claude Code 对话框中运行命令「/install auth0-quickstart-test」即可一键安装,无需额外配置。

Auth0 Quickstart Test 是免费的吗?

是的,Auth0 Quickstart Test 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。

Auth0 Quickstart Test 支持哪些平台?

Auth0 Quickstart Test 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(darwin, linux)。

谁开发了 Auth0 Quickstart Test?

由 Deepu K Sasidharan(@deepu105)开发并维护,当前版本 v1.0.0。

💬 留言讨论