starwards-station-ui

仓库创建 2019年3月17日最近提交 22 天前SkillHot 收录 20 天前

▸ 精选理由

明确布局与通信约束，帮助前端按规则扩展站屏功能

这个 Skill 做什么

构建/调整 Starwards 站屏界面，说明两种不可混用的布局系统与 wiring

負責打造與調整 Starwards 的站屏介面（如 weapons、pilot、ecr 等），涉及 widget 繪製、輸入接線、色彩系統與 JSON Pointer 存取等細節。注意系統有兩套互不相容的布局：fixed grid 與 golden-layout，不能混用。改版或新增畫面時用，並要遵守資訊不對稱等設計限制。

▸ 展开 SKILL.md 英文原文

Build and modify station screens (weapons, pilot, ecr, etc.) for Starwards - two layout systems (fixed grid vs golden-layout), widget draw patterns, input wiring, color system, JSON Pointer subsystem access, and design constraints for information asymmetry

垂直行业站屏界面布局系统交互约束通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/starwards/starwards/master/.claude/skills/starwards-station-ui/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/starwards/starwards/master/.claude/skills/starwards-station-ui/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Skill: starwards-station-ui

Build and modify station screens (weapons, pilot, ecr, etc.) for Starwards.

## Architecture

There are TWO layout systems. Don't mix them.

### Fixed stations (weapons.ts, pilot.ts, ecr.ts)
Use `wrapRootWidgetContainer` + `subContainer(VPos, HPos)` grid.
No golden-layout. No jQuery layout containers.

```ts
import { HPos, VPos, wrapRootWidgetContainer } from '../container';
const container = wrapRootWidgetContainer($('#wrapper'));

// Place widgets in a 3x3 grid (TOP/MIDDLE/BOTTOM × LEFT/MIDDLE/RIGHT)
drawMyWidget(container.subContainer(VPos.TOP, HPos.LEFT), shipDriver);
await drawRadar(spaceDriver, shipDriver, container); // radar fills remaining space
```

G

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有