shadcn
shadcn/ui Skill
Beautiful, accessible components built with Radix UI and Tailwind CSS. Copy and paste into your apps.
MCP Server Integration (PRIORITY)
ALWAYS check and use MCP server tools first:
# 1. Check availability
mcp__shadcn__get_project_registries
# 2. Search components
mcp__shadcn__search_items_in_registries
registries: ["@shadcn"]
query: "button"
# 3. Get examples
mcp__shadcn__get_item_examples_from_registries
More from naimalarain13/hackathon-ii_the-evolution-of-todo
openai-agents-sdk
Build AI agents using OpenAI Agents SDK with MCP server integration. Supports Gemini directly via AsyncOpenAI or OpenRouter for non-OpenAI models. Covers agent creation, function tools, handoffs, MCP server connections, and conversation management.
20chatkit-python
Build custom chat API backends for OpenAI ChatKit frontend using FastAPI. Covers chat endpoint implementation, SSE streaming, conversation persistence, and integration with OpenAI Agents SDK + Gemini via LiteLLM.
15framer-motion
Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications.
15chatkit-js
Integrate OpenAI ChatKit React components into Next.js applications. Covers custom API backend configuration, theming, widget embedding, conversation history, and authentication integration.
13drizzle-orm
Drizzle ORM for TypeScript - type-safe SQL queries, schema definitions, migrations, and relations. Use when building database layers in Next.js or Node.js applications.
11better-auth-ts
Better Auth TypeScript/JavaScript authentication library. Use when implementing auth in Next.js, React, Express, or any TypeScript project. Covers email/password, OAuth, JWT, sessions, 2FA, magic links, social login with Next.js 16 proxy.ts patterns.
11