vue-component
Builds frontend components/pages/composables in the project's UI stack. Use when implementing UI features, reusable components, and typed state flows.
Install
npx skillscat add erinrugas/artisan-agents/vue-component Install via the SkillsCat registry.
SKILL.md
UI Component Skill
When to Apply
- User asks for frontend component/page work.
- Existing UI needs refactor into reusable units.
Workflow
- Read UI constraints from
specs/ui-spec.mdandspecs/specs.md. - Detect project UI stack and conventions from repository.
- Implement component/page with:
- clear props/contracts
- typed state/events
- loading/error/empty states
- accessibility basics (labels, focus, landmarks)
- Reuse existing design system/component primitives first.
Quality Bar
- No
anyunless unavoidable and justified. - Avoid duplicated business logic in view components.
- Keep components composable and testable.