vue-component

Builds frontend components/pages/composables in the project's UI stack. Use when implementing UI features, reusable components, and typed state flows.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "vue-component" with this command: npx skills add erinrugas/artisan-agents/erinrugas-artisan-agents-vue-component

UI Component Skill

When to Apply

  • User asks for frontend component/page work.
  • Existing UI needs refactor into reusable units.

Workflow

  1. Read UI constraints from specs/ui-spec.md and specs/specs.md.
  2. Detect project UI stack and conventions from repository.
  3. Implement component/page with:
    • clear props/contracts
    • typed state/events
    • loading/error/empty states
    • accessibility basics (labels, focus, landmarks)
  4. Reuse existing design system/component primitives first.

Quality Bar

  • No any unless unavoidable and justified.
  • Avoid duplicated business logic in view components.
  • Keep components composable and testable.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

Automation

api-endpoint

No summary provided by upstream source.

Repository SourceNeeds Review
7-erinrugas
Automation

git-sync

No summary provided by upstream source.

Repository SourceNeeds Review
7-erinrugas
Automation

pest-testing

No summary provided by upstream source.

Repository SourceNeeds Review
6-erinrugas
Automation

git-branch

No summary provided by upstream source.

Repository SourceNeeds Review
6-erinrugas