---
title: "Vinicunca"
description: "Documentation for every @vinicunca package."
canonical_url: "https://vinicunca.dev"
---
# Vinicunca

> Documentation for every @vinicunca package.

## How to use these docs

Vinicunca is a set of open source packages for building Vue and TypeScript applications. Each package has its own section on this site.

- **Pohon UI** (`pohon-ui`): styled, accessible Vue and Nuxt components built on Akar and UnoCSS. Use it for application UI: forms, tables, overlays, dashboards, docs and chat layouts.
- **Akar** (`akar`): unstyled, accessible Vue primitives (a fork of Reka UI). Use it to build your own design system, or when Pohon UI is too opinionated.
- **Perkakas** (`@vinicunca/perkakas`): typed data-first and data-last utility functions (a fork of Remeda). Use it instead of lodash or ramda.
- **Taman** (`create-taman`, `@vinicunca/taman-*`, `@vinicunca/request`): a full-stack Vue admin template with oRPC, better-auth, Drizzle and Cloudflare Workers.
- **ESLint Config** (`@vinicunca/eslint-config`): a flat ESLint config that also formats code. Use `vinicuncaESLint()` in `eslint.config.js`.
- **UnoCSS Preset** (`@vinicunca/unocss-preset`): `presetVinicunca()`, the UnoCSS preset every Vinicunca project uses, with fluid sizing, animations and scrollbars.
- **UnoCSS Variants** (`unocss-variants`): `uv()` for variants, slots and compound styles with UnoCSS, a port of Tailwind Variants.

How an agent should read this site:

- Read any documentation page as Markdown: prefix its path with `/raw` and add `.md` (`https://vinicunca.dev/raw/pohon/components/button.md`).
- Start from the Markdown sitemap at https://vinicunca.dev/sitemap.md, or the full documentation at https://vinicunca.dev/llms-full.txt.
- For Pohon UI conventions and component selection, load the agent skill at https://vinicunca.dev/.well-known/skills/pohon-ui/SKILL.md.
- For ESLint Config setup and the style rules it enforces, load the agent skill at https://vinicunca.dev/.well-known/skills/eslint-config/SKILL.md.
- For Taman project layout and the add-a-feature checklist, load the agent skill at https://vinicunca.dev/.well-known/skills/taman/SKILL.md.
- For UnoCSS Preset setup, fluid utilities and theme tokens, load the agent skill at https://vinicunca.dev/.well-known/skills/unocss-preset/SKILL.md.
- For Perkakas imports, pipe, and data-first versus data-last, load the agent skill at https://vinicunca.dev/.well-known/skills/perkakas/SKILL.md.
- For Akar composition (Root/Trigger/Content, asChild, data attributes), load the agent skill at https://vinicunca.dev/.well-known/skills/akar/SKILL.md.
- For UnoCSS Variants (`uv`, slots, compound variants, no class merging), load the agent skill at https://vinicunca.dev/.well-known/skills/unocss-variants/SKILL.md.
- For setting up or troubleshooting a Windows (WSL) dev machine, load the agent skill at https://vinicunca.dev/.well-known/skills/windows-dev/SKILL.md.

Entry points:

- [Pohon UI installation (Nuxt)](https://vinicunca.dev/raw/pohon/getting-started/installation/nuxt.md): Add Pohon UI to a Nuxt application
- [Pohon UI installation (Vue)](https://vinicunca.dev/raw/pohon/getting-started/installation/vue.md): Add Pohon UI to a Vue application with Vite
- [Pohon UI agent skill](https://vinicunca.dev/.well-known/skills/pohon-ui/SKILL.md): Conventions, component selection and layout recipes
- [ESLint Config](https://vinicunca.dev/raw/eslint/getting-started.md): Install vinicuncaESLint and set up the editor
- [ESLint Config agent skill](https://vinicunca.dev/.well-known/skills/eslint-config/SKILL.md): Factory options and the style conventions it enforces
- [Taman](https://vinicunca.dev/raw/taman/getting-started.md): Create a Taman project and run it locally
- [Taman agent skill](https://vinicunca.dev/.well-known/skills/taman/SKILL.md): Where code goes and the add-a-feature checklist
- [UnoCSS Preset agent skill](https://vinicunca.dev/.well-known/skills/unocss-preset/SKILL.md): presetVinicunca options, fluid utilities and theme tokens
- [Perkakas](https://vinicunca.dev/raw/perkakas/getting-started.md): Install Perkakas and the function reference
- [Perkakas agent skill](https://vinicunca.dev/.well-known/skills/perkakas/SKILL.md): Data-first and data-last, pipe, and common functions
- [Akar](https://vinicunca.dev/raw/akar/overview.md): Install Akar and the component anatomy
- [Akar agent skill](https://vinicunca.dev/.well-known/skills/akar/SKILL.md): When to use Akar, composition, and data attributes
- [UnoCSS Variants](https://vinicunca.dev/raw/unocss-variants/getting-started.md): uv() variants, slots, and the no-merge layer setup
- [UnoCSS Variants agent skill](https://vinicunca.dev/.well-known/skills/unocss-variants/SKILL.md): uv API, slots, compound variants, and the no-merge caveat
- [Markdown sitemap](https://vinicunca.dev/sitemap.md): Every page on the site, as Markdown links

## Packages

- [Akar](https://vinicunca.dev/raw/akar/overview.md): Unstyled, accessible Vue primitives for building design systems.
- [Pohon UI](https://vinicunca.dev/raw/pohon/getting-started.md): A Vue and Nuxt component library styled with UnoCSS, built on Akar.
- [Taman](https://vinicunca.dev/raw/taman/getting-started.md): A full-stack Vue admin template with oRPC, better-auth and Cloudflare.
- [Perkakas](https://vinicunca.dev/raw/perkakas/getting-started.md): A typed, data-first and data-last utility library for TypeScript.
- [ESLint Config](https://vinicunca.dev/raw/eslint/getting-started.md): Vinicunca's flat ESLint config with formatting, TypeScript, Vue and more.
- [UnoCSS Preset](https://vinicunca.dev/raw/unocss-preset/getting-started.md): The Vinicunca UnoCSS preset: fluid sizing, animations, scrollbars and more.
- [UnoCSS Variants](https://vinicunca.dev/raw/unocss-variants/getting-started.md): Variants, slots and compound styles for UnoCSS, a port of Tailwind Variants.
- [Windows Dev Setup](https://vinicunca.dev/raw/windows-dev/guide.md): Set up a web development environment on Windows with WSL.

## Links

- Website: <https://vinicunca.dev>
- GitHub: <https://github.com/vinicunca>

## Resources for Agents

- [API catalog: every service document this site publishes](https://vinicunca.dev/.well-known/api-catalog)
- [Sitemap (XML)](https://vinicunca.dev/sitemap.xml)
- [Sitemap (Markdown): every page on the site](https://vinicunca.dev/sitemap.md)
- [llms.txt: index of the documentation for LLMs](https://vinicunca.dev/llms.txt)
- [llms-full.txt: the full documentation as a single file](https://vinicunca.dev/llms-full.txt)
- [Agent skills index: every skill published by this site](https://vinicunca.dev/.well-known/skills/index.json)
- [Agent skill: akar](https://vinicunca.dev/.well-known/skills/akar/SKILL.md)
- [Agent skill: eslint-config](https://vinicunca.dev/.well-known/skills/eslint-config/SKILL.md)
- [Agent skill: perkakas](https://vinicunca.dev/.well-known/skills/perkakas/SKILL.md)
- [Agent skill: pohon-ui](https://vinicunca.dev/.well-known/skills/pohon-ui/SKILL.md)
- [Agent skill: taman](https://vinicunca.dev/.well-known/skills/taman/SKILL.md)
- [Agent skill: unocss-preset](https://vinicunca.dev/.well-known/skills/unocss-preset/SKILL.md)
- [Agent skill: unocss-variants](https://vinicunca.dev/.well-known/skills/unocss-variants/SKILL.md)
- [Agent skill: windows-dev](https://vinicunca.dev/.well-known/skills/windows-dev/SKILL.md)
- [Homepage](https://vinicunca.dev/raw/index.md)

Every page on this site is available as raw markdown: append `.md` to its
URL or send `Accept: text/markdown`.