skills.rest
Showiix
ShowiixCOMMUNITY
Explore all skills by this author →
GitHub

player-contract-center

Centralize player contract data with filtering, sorting, and pagination APIs.

2|Updated Feb 7, 2026
Search Tags:#typescript#api#vue3#tauri#data-model#contract-management#player-contract-center
One-click install
npx skills add https://github.com/Showiix/EsportManager2 --skill player-contract-center
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: player-contract-center
Source: https://github.com/Showiix/EsportManager2/tree/main/.claude/skills/player-contract-center
Command: npx skills add https://github.com/Showiix/EsportManager2 --skill player-contract-center

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

选手合同中心页面的开发与维护需求高效管理选手合约数据、所属战队、身价、满意度等信息，帮助开发者快速扩展、修改 UI 与后端接口。

Core Features & Use Cases

  • 前端组件: 主页面文件 PlayerMarket.vue，支持多条件筛选、表格排序、分页、身价格式化、线性进度条可视化。
  • 后端命令: get_player_market_list 命令，返回 PlayerContractInfo 数据结构。
  • 数据模型: PlayerContractInfo 结构体定义于 Rust 的 transfer.rs。
  • API 接口: TS 接口定义于 api/tauri.ts。
  • 筛选与用例: 支持状态、位置、合同状态等过滤条件，以及查看、排序、分页等常见场景。

Quick Start

Open the Player Contract Center page and begin filtering and sorting players by contract details.

Frequently Asked Questions about player-contract-center

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a player contract management interface with Vue 3 and Tauri?▼

To build a player contract management interface, use Vue 3 for frontend views and Tauri for backend commands. This setup standardizes contract data flow, enabling multi-criteria filtering and pagination across your dashboard.

What is the best way to manage typed API contracts between Rust and TypeScript?▼

Managing typed API contracts between Rust and TypeScript requires defining a structured data model like PlayerContractInfo. This ensures robust data flow, type safety, and scalable integration between your backend commands and frontend interfaces.

How do I implement multi-criteria filtering and sorting for contract data in Vue 3?▼

Multi-criteria filtering and sorting for contract data in Vue 3 is implemented through dedicated UI components. You can filter by status and position, sort table columns, and format player values directly within the frontend views.

Does this player contract center support paginated data models?▼

Yes, the player contract center supports paginated data models. It provides a cohesive data structure and API surface to view, filter, sort, and paginate player contracts, ensuring scalable contract management features.

How do I format player market value and visualize contract satisfaction?▼

Formatting player market value and visualizing contract satisfaction is handled by frontend UI components. The Vue 3 interface formats values and uses linear progress bars to display satisfaction metrics clearly.

Related Skills

Explore More Software Engineering Skills→
wfvuewfvue
3

setting-up-tauri-projects

Initialize Tauri v2 projects across macOS, Windows, and Linux.

Community
Intermediate
cskirocskiro
7

benchmark-report-creator

Coordinate benchmark report creation with diagrams, hi-res PNG capture, and PDF export.

Community
Advanced
endlessblinkendlessblink

dev-debugging

Diagnose and fix Vue.js reactivity, Pinia state, and canvas issues.

Community
Advanced
HezziCodeHezziCode
1

fastapi-crud-endpoints

Build multi-tenant FastAPI CRUD endpoints with per-user data isolation.

Community
Advanced