Skill UI

Generates complete, production-ready landing pages using Next.js/React and Tailwind CSS. It incorporates proven copywriting frameworks (AIDA, PAS, BAB), optimizes for SEO with structured data, and adheres to Core Web Vitals standards (LCP, CLS). Ideal for creating high-performing marketing homepages, lead capture forms, and campaign sites.

A powerful tool to scaffold and ship production-ready Model Context Protocol (MCP) servers directly from OpenAPI specifications. It supports Python and TypeScript, ensuring schema validation, safe evolution, and robust tool definition generation, eliminating the need for manual wrapper coding. Use it to expose existing REST APIs to LLM agents or build shared tool integrations.

Generates a production-ready SaaS boilerplate with authentication, database schema, billing integration, API routes, and a dashboard built with Next.js 14 App Router, TypeScript, Tailwind, shadcn/ui, Drizzle ORM, and Stripe—ideal for bootstrapping new subscription-based products.

This comprehensive guide covers implementing production-grade billing systems using Stripe. It details features like subscriptions with trials and proration, usage-based billing, checkout session management, idempotent webhook handling, and customer portal integration. Applicable for Next.js, Express, and Django environments, making it ideal for setting up or debugging complex payment workflows.

This comprehensive guide facilitates the development of a production-ready Minimum Viable Product (MVP) for a SaaS business. It covers the entire lifecycle, including idea validation, modern tech stack selection (Next.js, Supabase, Stripe), architectural design for multi-tenancy, database schema planning, authentication setup, payment integration, and a detailed pre-launch checklist for technical and marketing readiness.

A comprehensive guide and skill for building robust, production-ready REST API endpoints. This skill covers full lifecycle development, including input validation, centralized error handling, authentication/authorization checks, CRUD operations, pagination, and generating proper API documentation. It ensures that back-end services are secure, scalable, and adhere to industry best practices.

This comprehensive skill guides users through the entire debugging lifecycle, from reproducing elusive bugs to tracing the root cause, implementing permanent fixes, and preventing future regressions. It covers advanced techniques like binary search, time travel debugging, and handling common patterns such as race conditions and null values, ensuring professional and systematic troubleshooting for any production issue.

This skill simulates a senior engineer's final, deep audit of an entire codebase before committing or pushing to a remote repository. It systematically checks for junk files, dead code, security vulnerabilities (secrets, injection flaws), and performance bottlenecks (N+1 queries). Use this pre-flight check before any major release or public deployment to ensure maximum code quality and production readiness.

This tool automates the creation of production-ready End-to-End (E2E) tests using the Playwright framework. Users can provide natural language descriptions (like user stories, feature names, or component paths) to automatically generate comprehensive test suites. It follows best practices, including utilizing role-based locators, structuring tests with setup/act/assert phases, and generating supporting files like page objects and fixtures for maintainability.

This assistant streamlines the workflow for managing GitHub issues using the GitHub CLI. It guides users through structured processes to create, list, and view issues. When creating, it prompts for detailed information (including issue type, reproduction steps, and expected vs. actual behavior for bugs), ensuring high-quality issue reports. It also allows filtering and listing of existing issues.

This guide provides expert knowledge on implementing complex, production-ready animations within the Makepad UI framework. It covers animation patterns for various interaction states, including hover, focus, pressed, and disabled. Users can learn to write code for transitions, manage state changes, and utilize advanced concepts like easing functions and keyframes to build visually rich user interfaces.

This skill generates a complete, opinionated, modern full-stack Rails application boilerplate. It sets up a robust tech stack including Rails 8, PostgreSQL, React, Inertia.js, Vite, Tailwind CSS, Sidekiq, and Redis. Designed for developers who need a starting point that adheres to best practices for database structure (UUIDs, JSONB), background job processing, comprehensive testing, and modern frontend development (TSX). Ideal for bootstrapping complex, production-grade web services.