Published Skills 24
ui-handler
Build UI with Shadcn and 21st.dev
Frontend teams need consistent UI components and page sections. This skill guides Claude, Codex, and Claude Code to use Shadcn MCP and 21st.dev MCP.
theme-handler
Apply shadcn Themes from tweakcn
Teams lose time translating theme choices into repeatable shadcn commands. This skill uses tweakcn references to select a theme and guide installation.
stripe-handler
Build Custom Stripe Payment Flows
Custom payment flows need careful checkout, webhook, and fulfillment logic. This skill guides Stripe sessions, metadata routing, and background processing for non-standard purchases.
seo-handler
Optimize Next.js SEO Metadata
Search visibility fails when routes, metadata, and structured data are inconsistent. This skill guides Claude, Codex, and Claude Code through Next.js SEO updates.
s3-upload-handler
Add S3 Uploads to Your App
Building file uploads takes UI, client logic, and server routes. This skill guides Claude, Codex, and Claude Code through S3 upload patterns for web apps.
replicate-handler
Run Replicate Models in Apps
Replicate integrations can be unclear when jobs finish at different speeds. This skill gives Claude, Codex, and Claude Code practical patterns for quick runs, polling, and typed responses.
plate-handler
Build Plate.js Rich Text Editors
React teams need rich text editors that match their design system. This skill guides Plate.js setup, plugins, toolbars, and state handling.
plans-handler
Manage Subscription Plans and Quotas
Plan and quota changes often touch schemas, validation, forms, pricing pages, and subscription flows. This skill gives Claude, Codex, and Claude Code a focused checklist for keeping those parts aligned.
page-builder
Build Tailark Marketing Pages
Marketing page assembly can take time when component choices are unclear. This skill maps page goals to Tailark sections and implementation steps.
logo-generator
Generate Transparent Brand Logos
Creating polished logo assets often requires multiple design and cleanup steps. This skill generates a logo with Replicate, removes the background, and saves a transparent PNG.
inngest-handler
Build Reliable Inngest Workflows
Background jobs often fail when timers, retries, and side effects are handled inside normal request code. This skill gives Claude, Codex, and Claude Code clear Inngest patterns for durable workflows.
generate-assets
Generate Web Assets with Replicate
Creating consistent website imagery can slow down component work. This skill generates, optimizes, and saves WebP assets with Replicate and Sharp.
form-creator
Build Validated Forms and API Routes
Teams often repeat form, validation, and CRUD route setup across features. This skill gives Claude, Codex, and Claude Code a consistent pattern for TypeScript form delivery.
env-handler
Manage Environment Variables Securely
Environment variables often mix public defaults with private secrets. This skill guides Claude, Codex, and Claude Code to keep templates separate from local secrets.
email-handler
Build React Email Transactional Workflows
Transactional email work often needs consistent templates, shared layouts, and reliable delivery hooks. This skill guides React Email templates, rendering, and sendMail integration.
docs-creator
Create Fumadocs Documentation Pages
Teams need consistent public documentation without guessing the Fumadocs file layout. This skill guides Claude, Codex, and Claude Code to create MDX pages, frontmatter, and meta.json navigation.
db-handler
Manage Drizzle Database Changes
Database schema changes can create data loss, slow queries, or inconsistent Drizzle definitions. This skill guides Claude, Codex, and Claude Code through structured schema design, relations, indexes, and review steps.
credits-handler
Build Credit Purchase and Balance Flows
Credit features can fail when pricing, balances, and UI flows become inconsistent. This skill guides credit types, purchase flows, balance displays, and allocation helpers.
copywriter
Write Clear Marketing Copy
Teams often need persuasive copy that is clear, concise, and conversion focused. This skill drafts and improves landing pages, emails, CTAs, and product messaging.
blog-creator
Create SEO-Ready MDX Blog Posts
Publishing MDX blog posts requires consistent frontmatter, image paths, tags, and metadata. This skill guides Claude, Codex, and Claude Code to create posts that match the project workflow.
auth-handler
Protect Next.js Auth Routes
Authentication changes often fail when teams mix session APIs and route guards. This skill guides Claude, Codex, and Claude Code toward the project helpers for secure access control.
asset-creator
Generate AI Product Assets
Teams need consistent visual assets for product pages, docs, and marketing screens. This skill guides DALL-E generation and stores files in project asset folders.
ai-sdk-handler
Build Vercel AI SDK Workflows
Teams often lose time connecting chat, structured output, and agent workflows across Next.js services. This skill provides focused Vercel AI SDK patterns for Claude, Codex, and Claude Code users.
ai-handler
Build Replicate AI Generation Pipelines
Long-running AI jobs need durable state, billing, and asset storage. This skill shows a Replicate pipeline with Inngest processing, S3 persistence, and credit handling.