votanthanhlaptrinh/find-job-frontend/company-address-management-ui
Claude Code and agent skill by votanthanhlaptrinh/find-job-frontend
Trust tier 3
- community
Source check pending
Checking that the SKILL.md file is still in the repository.
Build company-address management UI in Angular: add route, render address list, place top-right add button, add per-item kebab menu with delete action, and seed mock data for layout verification. Use when creating or refining employer address pages.
Install
npx vskill@latest install votanthanhlaptrinh/find-job-frontend/company-address-management-uiSKILL.md
Company Address Management UI
Khi Nao Su Dung
- Tao moi trang quan ly dia chi cong ty cho recruiter/employer.
- Can cap nhat route truoc khi wiring API.
- Can mock data de review layout voi PM/QA truoc.
Dau Vao Can Co
- Duong dan feature page (vi du:
features/employer/pages/company-address). - Route parent hien tai trong app.
- Danh sach field can hien thi tren 1 dia chi.
Quy Trinh Thuc Hien
- Xac nhan route va component dich.
- Cap nhat route config de truy cap duoc trang company-address.
- Dung du lieu mau trong component TS:
- Tao mang dia chi co it nhat 3 item.
- Moi item co id, ten dia diem, nguoi lien he, so dien thoai, dia chi day du, mac dinh/khong.
- Tao UI trang:
- Header trang voi tieu de.
- Nut Them dia chi o goc tren ben phai.
- Danh sach card dia chi ben duoi.
- Moi card co thong tin dia chi o ben trai.
- Ben phai tren cua card co nut
...(kebab menu). - Mo menu thi hien hanh dong Xoa.
- Them state UI toi thieu:
- Theo doi menu dang mo theo
id. - Dong menu khi click lai cung item hoac click item khac.
- Kiem tra responsive:
- Desktop: thong tin va menu hien ro.
- Mobile: card khong vo layout, nut them van de thay.
Tieu Chi Hoan Tat
- Route moi truy cap duoc khong loi.
- Trang hien danh sach dia chi tu mock data.
- Nut Them dia chi o dung vi tri goc tren ben phai.
- Menu
...moi card mo duoc va co hanh dong Xoa. - Khong can API that de xem duoc layout hoan chinh.
Nhanh Quyet Dinh
- Neu route da ton tai: chi chinh UI + mock data.
- Neu da co design system: dung component co san, khong pha vo style hien tai.
- Neu chua co API contract: giu mock data typed model trong component hoac file model gan feature.
Kiem Tra Sau Cung
- Chay app va truy cap route company-address.
- Thu mo menu
...tren nhieu card lien tiep. - Xac nhan button Them dia chi khong bi tran o man hinh nho.
- Chup screenshot de review layout neu can.
Prompt Mau
/company-address-management-ui Them trang company-address, route /recruiter/dashboard/company-address, mock 4 dia chi va dung card list co menu xoa./company-address-management-ui Chinh sua layout company-address de nut them nam goc phai tren va menu ... mo dung tung item.
Security
- Security scanPassed, 90 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingjob-frontend/.github/skills/company-address-management-ui/SKILL.md
Popularity
- 7-day trend score
- 0
Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/votanthanhlaptrinh/find-job-frontend/company-address-management-ui)