flowglad-setup
Automated setup tool for integrating Flowglad SDK into web applications.
Install
mkdir -p .claude/skills/flowglad-setup && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/6577" && unzip -o skill.zip -d .claude/skills/flowglad-setup && rm skill.zipInstalls to .claude/skills/flowglad-setup
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Install and configure the Flowglad SDK for Next.js, Express, and React applications. Use this skill when adding billing to an app, setting up Flowglad for the first time, or configuring SDK providers and route handlers.Key capabilities
- →Detect project framework
- →Install Flowglad SDK packages
- →Configure environment variables
- →Create server factory instances
- →Setup API route handlers
- →Configure React providers
How it works
The skill detects the framework by checking configuration files and dependencies, then installs the appropriate SDK packages and generates boilerplate code for server factories and route handlers.
Inputs & outputs
When to use flowglad-setup
- →Add Flowglad to a Next.js project
- →Setup Flowglad billing route handlers
- →Configure Flowglad providers for React
About flowglad-setup
Detects the project framework and performs package installation, environment variable configuration, and provider setup. It prepares the codebase for billing and subscription route handlers.
Install and configure the Flowglad SDK for Next.js, Express, and React applications. Use this skill when adding billing to an app, setting up Flowglad for the first time, or configuring SDK providers and route handlers.
When not to use it
- →When the project does not use Next.js, Express, or React
Prerequisites
Limitations
- →Requires specific framework detection patterns
- →Requires manual database integration for customer details
How it compares
This automates the complex setup of route handlers and provider wrapping compared to manual SDK integration.
Compared to similar skills
flowglad-setup side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| flowglad-setup (this skill) | 1 | 7mo | Review | Intermediate |
| ai-sdk | 11 | 4mo | Review | Advanced |
| ai-model-web | 1 | 4mo | Review | Intermediate |
| ai-sdk-documentation | 1 | 8mo | Review | Beginner |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by flowglad
View all by flowglad →You might also like
ai-sdk
vercel
Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, ToolLoopAgent, embed, or tools, (2) Want to build AI agents, chatbots, RAG systems, or text generation features, (3) Have questions about AI providers (OpenAI, Anthropic, Google, etc.), streaming, tool calling, structured output, or embeddings, (4) Use React hooks like useChat or useCompletion. Triggers on: "AI SDK", "Vercel AI SDK", "generateText", "streamText", "add AI to my app", "build an agent", "tool calling", "structured output", "useChat".
ai-model-web
TencentCloudBase
Use this skill when developing browser/Web applications (React/Vue/Angular, static websites, SPAs) that need AI capabilities. Features text generation (generateText) and streaming (streamText) via @cloudbase/js-sdk. Built-in models include Hunyuan (hunyuan-2.0-instruct-20251111 recommended) and DeepSeek (deepseek-v3.2 recommended). NOT for Node.js backend (use ai-model-nodejs), WeChat Mini Program (use ai-model-wechat), or image generation (Node SDK only).
ai-sdk-documentation
malob
This skill should be used when working with Vercel AI SDK, AI Gateway, streamText, generateText, generateObject, streamObject, tool calling, or AI SDK providers. Also relevant for "ai-sdk", "@ai-sdk/*" packages, or questions about AI SDK patterns, configuration, and best practices.
rdc-setup
reactive
Install and set up @data-client/react or @data-client/vue in a project. Detects project type (NextJS, Expo, React Native, Vue, plain React) and protocol (REST, GraphQL, custom), then hands off to protocol-specific setup skills.
sdk-analytics-installer
dotCMS
Use this skill when the user asks to install, configure, or set up @dotcms/analytics, sdk-analytics, analytics SDK, add analytics tracking, or mentions installing analytics in Next.js or React projects
tanstack-query-expert
Anhvu1107
ALWAYS use this when the request matches Tanstack Query Expert: Expert in TanStack Query (React Query) — asynchronous state management.