my-skill

Provide full-stack context for the guadalupecano.es portfolio with React, Express, and Docker.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Luprintech/portfolio --skill my-skill-luprintech
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: my-skill
Source: https://github.com/Luprintech/portfolio/tree/main/my-skill
Command: npx skills add https://github.com/Luprintech/portfolio --skill my-skill-luprintech

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive context for the Guadalupe Cano personal portfolio project, enabling development, debugging, feature implementation, refactoring, and architectural inquiries.

Core Features & Use Cases

  • Full-Stack Project Context: Understand the entire technology stack, architecture, and file structure of a personal portfolio website.
  • Development & Debugging: Facilitates troubleshooting, adding new features, and refactoring code across frontend (React) and backend (Node.js/Express).
  • CMS & Content Management: Provides insights into the custom CMS (Bitácora), blog content management (Markdown), and AI chatbot integration.
  • Deployment & Infrastructure: Details Docker Compose setup, Nginx configuration, and deployment best practices.

Quick Start

Use the my-skill skill to help me refactor the contact form component in the frontend.

Frequently Asked Questions about my-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a full-stack portfolio with a custom CMS and AI chatbot?

A full-stack portfolio with a custom CMS and AI chatbot can be built using React 19, Vite 7, Tailwind 4, Express 5, and Gemini AI. This setup provides a database-less architecture managed through Docker Compose and Nginx.

What is the best way to implement a database-less CMS using Markdown for blog content?

A database-less CMS can be implemented by managing blog content directly through Markdown files. This approach simplifies content management within a custom CMS architecture while reducing infrastructure overhead.

How do I deploy a React and Express application using Docker Compose and Nginx?

Deploy a React and Express application using Docker Compose by configuring Nginx as a reverse proxy. This containerized infrastructure setup handles routing and serves both frontend and backend components efficiently.

Why use a database-less architecture for a personal portfolio CMS?

A database-less architecture for a personal portfolio CMS eliminates database maintenance overhead and simplifies deployment. It leverages Markdown files for content storage, making the ecosystem lightweight and highly portable.

How do I integrate Gemini AI into an Express 5 backend for a chatbot?

Integrate Gemini AI into an Express 5 backend by configuring API routes to handle chatbot interactions. This enables conversational AI capabilities directly within the personal digital ecosystem's backend infrastructure.