renatomonteiro

Expert guide for building Vue.js UIs with shadcn-vue — a copy-into-your-project component library built on Reka UI primitives and Tailwind CSS. Use this skill whenever the user mentions shadcn-vue, wants to build Vue UI components, set up a design system in Vue, add accessible components to a Vue or Nuxt project, theme a Vue app with CSS variables, or compose complex UI patterns like forms, dialogs, data tables, dashboards, or navigation menus. Also trigger for questions about the shadcn-vue CLI, components.json config, Reka UI, dark mode in Vue, or reviewing/improving existing Vue component code. If someone is building any kind of UI in Vue 3 and wants polished, accessible, customizable components — use this skill even if they don't explicitly mention "shadcn-vue".

Test and critique an app as a critical dogfooder focused on fun and engagement. Use when: evaluating if an app feels fun, alive, or polished; finding UX issues; reviewing product quality from a real user perspective; assessing delight, emotional moments, and engagement loops; giving critical feedback before shipping.