Felipe Azevedo Bosi - Projects

Cover of Bosi Programming Skills showing a terminal installing the plugin and chips for Claude Code, Codex, DeepSeek Harness, Pi and opencode

Bosi Programming Skills

Open-source plugin with fourteen reusable skills for AI coding agents. The same skills/ source installs into Claude Code, Codex, DeepSeek Harness, Pi and opencode.

It packages workflows for code review, planning, work-session notes and agents that take a task all the way to a merged pull request.

Go to GitHub
Tea Site with it's fields filled, showing an on going gongfu tea session of ripe puer

Tea Brewing App

A tea brewing companion app. Select a recipe or adjust strength to brew the perfect cup. It helps you both on path to learn gongfu tea brewing or to brew a single cup of tea on the regular way.

Made with React, Typescript, and Zustand. The app uses zustand to store how many infusions the user already did. It can also calculates the amount of caffeine the user consumed and how much is still on the leaves

Everything on the app is backed up by scientific data

Go to app
The Mate Caffeine Calculator app filled for 70g of Chimarrão Traditional, showing a value of 75mg of caffeine total

Caffeine Mate Calculator

A minimalist app focused on helping the user to calculates the amount of caffeine intake from yerba mate. It enables you track and estimate your daily caffeine consumption from this leaf.

It can calculates the caffeine based on the amount of mate in grams, the size of the gourd in mls, or an approximate size of the gourd.

The app is mainly made using React and my personal design system library called bosi-design-system. It's data is backed up by science

Go to app
Game play of the Tea Game showing 3 characters, 2 young women and a young man

Tea Game

A visual novel about a tea master serving guests. An interactive story with multiple choices.

The game is a test to see what kind of game can be done with React, Typescript and Zustand.

Go to app
Storybook of the Bosi Design System showing a button component

Bosi Design System

Component collection that I use on my personal projects. It has support for both React and Svelte.

It uses tailwind to build the design and use colors from my favorite games to create both a light and dark mode.

Go to site
Use-horizontal-scroll in action on a table that is too large to show on the screen

Use-horizontal-scroll

useHorizontalScroll is a hook that adds the hability to scroll horizontally by grabbing the element used as a ref.

To use it, add the scrollRef to the component you want to be scrollable and spread the props. Props has all necessary mouse events on it.

The hook accepts a parameter called scrollBehavior, where the value can be 'natural' or 'reverse', where natural will scroll to the side the user is dragging and reverse will do the other way around.

Go to site
Simply Editor is a markdown reader and editor app

simplyEditor

Simply editor is a desktop markup editor made with Electron, NodeJs, Typescript and Svelte.

It’s main function is to create and edit markup text. It accepts all markdown language and lets you preview the final result.

Go to GitHub