A Andres Hernandez
Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
172

Filtered Posts (Clear all)

Building Dynamic Model Interactions with Promptd

Introduction

At Gothsec/promptd, we are building a robust platform designed to streamline AI interaction workflows. As our application grows, providing a seamless user experience for model selection and prompt submission has become a top priority. In our latest development cycle, we focused on implementing a structured UI approach for handling model selection via a submission modal.

Streamlining User Input

When dealing with generative AI, the transition from "selecting a model" to

Enhancing Authentication UX with Shadcn UI Components

Authentication is the gatekeeper of your user experience. If your login flow feels clunky or disconnected from the rest of your application's design language, you are already losing trust before the user has even logged in. In the Gothsec/promptd project, we recently focused on unifying our authentication interface by integrating Shadcn UI components directly into our existing modal workflows.

The Problem with Generic Modals

Many developers treat authentication modals as separate islands.

Streamlining Prompt Management: Updates to the Promptd Repository

Managing prompts in a growing application requires a balance between flexibility and maintainability. In the Gothsec/promptd project, we have been focusing on refining our repository layer to better support our prompt management workflows, ensuring that our infrastructure scales as we integrate more complex interactions.

The Challenge of Scalability

As the number of prompts in our system grows, the traditional way of handling data retrieval can become a bottleneck.

Launching promptd: Foundations of a Modular TypeScript Architecture

The Goal

When we started working on promptd, the mission was to create a robust, scalable system that prioritizes maintainability from day one. We needed a foundation that could handle complex state interactions while remaining easy to test and extend. The initial release, V1.0, marks the stabilization of our core architectural patterns.

The Architecture

To ensure promptd remains performant as it grows, we adopted a strict architectural approach.

Enhancing Visual Identity in the promptd Project

Introduction

In the Gothsec/promptd project—a tool designed for streamlined prompt management—we recently focused on improving the platform's visual identity. While functionality is the backbone of any application, professional branding and shareable previews are critical for user experience and discoverability.

The Power of Open Graph Images

When users share links from your application on social platforms, the "Open Graph" (OG) image is often the first thing a potential user sees.

Bootstrapping a Modern Web Application with Next.js and Supabase

Getting Started with Promptd

Recently, I began working on promptd, a new project focused on building robust prompt management workflows. To ensure a fast development cycle and a scalable foundation, I opted for a modern stack that emphasizes type safety and seamless backend integration.

The Technical Stack

Choosing the right tools is like setting the foundation of a house. For promptd, I selected:

  • Next.js: Providing server-side rendering and an intuitive routing system.

Establishing a Visual Identity: Designing the Base Layer for Promptd

Building a new application starts with the small details that define its presence. For the promptd project, the initial phase focuses on laying the aesthetic groundwork through a consistent color system and clear branding implementation.

Establishing the Visual Foundation

A UI's personality is built on its primary color palette. When developing with Tailwind CSS, the goal is to create a robust configuration that serves as a single source of truth for the entire application, preventing

Bootstrapping Modern Web Applications with Promptd

Foundation Matters

Starting a new project often feels like staring at a blank canvas. With the recent launch of the Gothsec/promptd project, we focused on establishing a robust, scalable foundation that balances rapid development with clean architectural patterns. By utilizing React and Next.js, we ensure the interface is both performant and highly interactive.

Establishing the Structure

When setting up the base architecture, the primary goal was to create a maintainable CSS

August 18, 2026 0 React Next.js

Optimizing Prompt Navigation in Gothsec/promptd

Refined URL Strategy

In our ongoing work with the Gothsec/promptd project, we identified a need to streamline how users navigate our prompt categories. By moving away from broad, top-level URL structures, we have tightened the routing logic to focus exclusively on specific subcategories.

The Challenge

Previously, our application used a more permissive routing pattern that often led to ambiguity in URL resolution. As the number of prompts grew, this structure made it difficult to

Simplifying Authentication: Adding Social Providers to promptd

Building a custom authentication system from scratch is a classic trap. You spend weeks perfecting password hashing and session management, only to realize your users just want to click 'Sign in with Google' and move on with their day. Recently, in the promptd project, we decided to offload this complexity by integrating managed identity providers.

The Authentication Overhead

When scaling an application, the burden of maintaining user credentials grows exponentially.

Andres Hernandez

Andres Hernandez

Product-focused Software Developer specializing in the React ecosystem (Next.js, TypeScript). Proven experience contributing to high-impact open source projects and building scalable web applications. Committed to clean code, UI/UX design principles, and SOLID architecture to solve complex problems.