blog logo
> CHICIO CODING_Pixels. Code. Unplugged.
Guardrails for LLM chatbots: how I protect my chat AI assistant from prompt injection and off-topic queries

Guardrails for LLM chatbots: how I protect my chat AI assistant from prompt injection and off-topic queries

·

How I implemented a three-layer guardrail system for the AI chatbot on my portfolio website, using regex-based prompt injection detection, Llama Prompt Guard for injection classification, and an LLM-as-judge for topic relevance. [...]

Chrome Built-in AI: adding on-device summarization to my blog with the Summarizer API

Chrome Built-in AI: adding on-device summarization to my blog with the Summarizer API

·

How I integrated Chrome's Built-in AI Summarizer API to add TL;DR and Key Points features to my blog posts, with progressive enhancement, streaming responses, and on-device privacy. [...]

Mastering the Core: Data Structures and Algorithms

Mastering the Core: Data Structures and Algorithms

·

A strong foundation in data structures and algorithms is essential. Here’s how I decided to revisit the fundamentals and turn them into my own DSA course. [...]

Creating Stunning Gradients in React Native with Skia

Creating Stunning Gradients in React Native with Skia

·

Learn how to create stunning text with React Native using React Native Skia. In this post, we’ll explore how to leverage Skia’s powerful features to bring vibrant gradients to life. [...]

Which Locale? Decoding the Madness Behind iOS Localization and Language Preferences

Which Locale? Decoding the Madness Behind iOS Localization and Language Preferences

·

iOS localization is a wild ride where device and app locales play by their own rules. Under the hood, Apple uses CLDR/ICU language distance matching to pick the best locale for your app. Let’s decode the madness together. [...]

Large Language Models (LLMs): a hitchhiker's guide to their galaxy (for newbies like me)

Large Language Models (LLMs): a hitchhiker's guide to their galaxy (for newbies like me)

·

Large Language Models (LLMs) are revolutionizing how we interact with technology. This article provides some entry level knowledge about them. A personal selection of topic needed to understand the basics of them. [...]

Styled Components: create a type to define transient props based on the props interface of another component

Styled Components: create a type to define transient props based on the props interface of another component

·

Standard transient props and shouldForwardProp are styled components API let you filter out props that should not be passed to the underlying React node or DOM element. In this post we will see how we can create a type to automatically define props from the interface of props of a parent component. [...]