Run any Skill in Manus with one click

vue-component

Stars1

Forks0

UpdatedFebruary 13, 2026 at 03:50

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

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

erinrugas

erinrugas/artisan-agents

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

SKILL.md

readonly

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

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.md and specs/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 any unless unavoidable and justified.
Avoid duplicated business logic in view components.
Keep components composable and testable.

More from this repository

same repository

api-endpoint

erinrugas/artisan-agents

Builds new API endpoints end-to-end. Use when adding routes, handlers/controllers, validation, service/action logic, response schemas/resources, and endpoint tests.

2026-02-131

auth-debug

erinrugas/artisan-agents

Debugs authentication and authorization issues. Use for login/session/token failures, role/permission mismatches, CORS/cookie problems, and unexpected 401/403 responses.

2026-02-131

db-reset

erinrugas/artisan-agents

Resets and reseeds development/test databases safely. Use when a clean database state is needed for debugging, migration verification, or reproducible QA scenarios.

2026-02-131

git-branch

erinrugas/artisan-agents

Creates and manages branches with clear naming and safe branching flow. Use when starting work, switching context, or cleaning up branches.

2026-02-131

git-commit

erinrugas/artisan-agents

Creates clean commits using a consistent message convention. Use when staging changes, composing commit messages, and preparing reviewable history.

2026-02-131

git-pr

erinrugas/artisan-agents

Prepares and creates pull requests with clear scope, risk notes, and test plan. Use when opening PRs or getting code ready for review.

2026-02-131

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

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.md and specs/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 any unless unavoidable and justified.
Avoid duplicated business logic in view components.
Keep components composable and testable.