How does the skill handle security for user API keys?

Keys are encrypted at rest using a dedicated encryption utility before being stored in the database, requiring an ENCRYPTION_KEY environment variable.

Does this skill work with any Next.js project?

It is optimized for Next.js App Router projects using Drizzle ORM and authentication libraries like Better Auth or Clerk.

Which AI providers are supported by this skill?

The skill includes native support for Anthropic (Claude), Google Gemini, DeepSeek, and Groq, with the ability to add custom providers.

Can I prioritize specific AI models for different tasks?

Yes, the runtime logic allows you to set provider priority and designate specific models for different roles, such as using Groq for fast summaries and Claude for complex chat.

What happens if a user's API key is invalid?

The system includes error tracking within the integrations table to monitor sync status and last-seen errors per provider.

AI Provider Settings Panel

Name: AI Provider Settings Panel
Author: Aventerica89

byAventerica89

0•

データサイエンスとML

Implements a secure, multi-provider AI management interface for Next.js applications to enable user-managed API keys.

The add-ai-providers skill automates the deployment of a comprehensive AI settings dashboard, allowing your application to support multiple LLM providers including Anthropic, Google Gemini, DeepSeek, and Groq. It handles the end-to-end implementation of the 'Bring Your Own Key' (BYOK) pattern, including the React UI components, database schema for integrations, secure AES encryption for API keys, and specialized API routes. This skill is essential for developers building AI-powered SaaS platforms that require high availability through automatic provider fallback and cost-efficient model routing.

主な機能

01Secure database schema for encrypted storage of provider-specific access tokens

02Intelligent runtime resolution with prioritized provider fallback logic

03Automated API route generation for secure provider connection and disconnection

040 GitHub stars

05Built-in support for specialized summary models using high-speed providers like Groq

06Pre-configured AI settings UI with expandable card components and status indicators

ユースケース

01Creating a centralized management hub for LLM configurations and API credentials

02Building resilient AI applications with automatic multi-provider fallback

03Implementing 'Bring Your Own Key' (BYOK) functionality for SaaS users

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aventerica89/claude-codex add-ai-providers

For use in Claude.ai and ChatGPT

主な機能

01Secure database schema for encrypted storage of provider-specific access tokens

02Intelligent runtime resolution with prioritized provider fallback logic

03Automated API route generation for secure provider connection and disconnection

040 GitHub stars

05Built-in support for specialized summary models using high-speed providers like Groq

06Pre-configured AI settings UI with expandable card components and status indicators

ユースケース

01Creating a centralized management hub for LLM configurations and API credentials

02Building resilient AI applications with automatic multi-provider fallback

03Implementing 'Bring Your Own Key' (BYOK) functionality for SaaS users