Project

gian.cool — Gianfranco's personal blog, a statically generated site.

Tech Stack

Framework: Astro v5 with MDX support
Styling: Tailwind CSS v4 with
```
@tailwindcss/typography
```
Components: React 19 (used for interactive islands, e.g.
```
TerminalBenchChart.tsx
```
)
Testing: Vitest
Runtime: Node.js 24 (managed via
```
.tool-versions
```
)
Package Manager: pnpm

They are in

.agents/skills/

folder .e.g

.agents/skills/agent-browser/

```
/agent-browser
```
- Browser automation for navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, and testing web apps
```
/find-skills
```
- Discover and install agent skills
```
/frontend-design
```
- Create production-grade frontend interfaces with high design quality
```
/code-review
```
- Code review a pull request

gian.cool — Gianfranco's personal blog, a statically generated site.

Framework: Astro v5 with MDX support
Styling: Tailwind CSS v4 with
```
@tailwindcss/typography
```
Components: React 19 (used for interactive islands, e.g.
```
TerminalBenchChart.tsx
```
)
Testing: Vitest
Runtime: Node.js 24 (managed via
```
.tool-versions
```
)
Package Manager: pnpm

They are in

.agents/skills/

folder .e.g

.agents/skills/agent-browser/

```
/agent-browser
```
- Browser automation for navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, and testing web apps
```
/find-skills
```
- Discover and install agent skills
```
/frontend-design
```
- Create production-grade frontend interfaces with high design quality
```
/code-review
```
- Code review a pull request