¿Qué hace nextjs-typescript-tailwindcss-supabase?
Desarrollo full-stack con Next.js 14, TypeScript, TailwindCSS y Supabase para construir aplicaciones web listas para producción.
Desarrollo full-stack con Next.js 14, TypeScript, TailwindCSS y Supabase para construir aplicaciones web listas para producción.
Esta habilidad proporciona un conjunto completo de herramientas y prácticas para el desarrollo full-stack con Next.js 14, TypeScript, TailwindCSS y Supabase. Está diseñada para desarrolladores y agentes de IA que buscan crear aplicaciones web modernas, escalables y seguras, aprovechando lo mejor del ecosistema React y la infraestructura serverless. Con Next.js 14 se obtienen funcionalidades como Server Components, App Router y optimizaciones de rendimiento, mientras que TypeScript añade tipado estático para reducir errores. TailwindCSS permite un diseño utilitario y flexible, y Supabase ofrece una base de datos PostgreSQL, autenticación y almacenamiento en tiempo real. La habilidad es compatible con asistentes de código como Claude Code, Cursor y Codex, y su documentación (SKILL.md) guía paso a paso en la configuración del proyecto, estructura de carpetas, patrones de diseño y buenas prácticas de despliegue. En resumen, es una guía esencial para construir aplicaciones web listas para producción con estas tecnologías.
npx skills add https://github.com/mindrally/skills/tree/main/skills/nextjs-typescript-tailwindcss-supabaseDesarrollo full-stack con Next.js 14, TypeScript, TailwindCSS y Supabase para construir aplicaciones web listas para producción.
This repo contains 20 individual skills — each has its own dedicated page.
Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.
Expert guidelines for Chrome extension development with Manifest V3, covering security, performance, and best practices. Use when building browser extensions, creating popup UIs, implementing content scripts, working with Chrome APIs, managing extension permissions, or publishing to Chrome Web Store.
Expert guidance for computer vision development using OpenCV, PyTorch, and modern deep learning techniques for image and video processing.
Expert guidance for data analysis, visualization, and Jupyter Notebook development with pandas, matplotlib, seaborn, and numpy.
Expert guidance for deep learning, transformers, diffusion models, and LLM development with PyTorch, Transformers, Diffusers, and Gradio.
Expert in Expo React Native TypeScript mobile development with best practices
Expert in FastAPI Python development with best practices for APIs and async operations
Expert guidelines for building performant animations with Framer Motion/Motion library in React applications
HTMX development guidelines for building dynamic web applications with minimal JavaScript using HTML attributes.
Guidelines for implementing JWT authentication with security best practices for token creation, validation, and storage
Machine learning development with JAX, functional programming patterns, and high-performance computing.
MySQL development best practices for schema design, query optimization, and database administration
Expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind
Expert guidance for Odoo ERP development including Python ORM, XML views, and module architecture
Expert guidance for browser automation using Puppeteer with best practices for web scraping, testing, screenshot capture, and JavaScript execution in headless Chrome.
Redis development best practices for caching, data structures, and high-performance key-value operations
Expert guidance for building web scrapers and crawlers using the Scrapy Python framework with best practices for spider development, data extraction, and pipeline management.
SCSS/Sassy CSS best practices and coding guidelines for maintainable, scalable stylesheets
Guidelines for developing with TypeORM, a full-featured ORM for TypeScript and JavaScript supporting multiple databases
Expert in web scraping and data extraction with Python tools
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".