Imported from vidar1031/gamestudio (.github/skill/ui-style/SKILL.md). Install upstream with npx skills add vidar1031/gamestudio --skill ui-style. Copyright stays with the author.

GameStudio UI Style

Name: ui-style
Author: vidar1031

Use this skill when changing frontend appearance or layout in apps/editor or apps/control-console.

Source of Truth

Read docs/系统生产级推进方案.md 的 "UI 约束" 章节 first.
If the task is in the control plane, also check docs/系统生产级推进方案.md so visual changes do not break control semantics.

Rules

Keep one consistent dark-base visual direction.
Use one clear accent per screen instead of mixing multiple visual systems.
Prefer clarity and control visibility over decorative redesign.
Do not hide or demote important runtime actions to make room for new UI.
Avoid introducing internal project terms into user-facing copy.

Layout Priorities

Preserve obvious action placement.
Avoid extra nested scroll containers.
Keep settings and diagnostics in-place when possible instead of scattering them across new tabs or detached flows.

Non-Regression Check

New UI must not remove existing visible controls.
Control Console changes must keep start/stop behavior easy to find.
Before finishing, scan for overflow, clipped buttons, and mixed visual language.

# after Install: the listing is in your workspace's routing pool - a plan picks it for its slot curl -s -X POST https://api.opensmartroute.ai/api/v1/route -H 'Authorization: Bearer $OSR_API_KEY' -H 'Content-Type: application/json' -d '{"text": "...", "plan": true}'

{ "ocm": "1", "id": "vidar1031-gamestudio-ui-style", "kind": "skill", "name": "ui-style", "description": "Apply GameStudio UI style guardrails when changing editor or control-console frontend code. Use when the task involves layout, component styling, visual cleanup, panel redesign, modal changes, or preventing UI regressions.", "publisher": "vidar1031", "version": "1.0.0", "capabilities": { "domains": [ "coding" ], "tags": [ "skill-md", "github" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Apply GameStudio UI style guardrails when changing editor or control-console frontend code. Use when the task involves layout, component styling, visual cleanup, panel redesign, modal changes, or preventing UI regressions." ], "primary": false, "metadata": { "source": { "provider": "github", "repository": "https://github.com/vidar1031/gamestudio", "path": ".github/skill/ui-style/SKILL.md", "ref": "02f79d7bfc3dabcd2d1f12fbb6df8aba5cbcd761", "url": "https://github.com/vidar1031/gamestudio/blob/02f79d7bfc3dabcd2d1f12fbb6df8aba5cbcd761/.github/skill/ui-style/SKILL.md", "key": "vidar1031/gamestudio/.github/skill/ui-style/SKILL.md" } }, "instructions": "# GameStudio UI Style\n\nUse this skill when changing frontend appearance or layout in `apps/editor` or `apps/control-console`.\n\n## Source of Truth\n\n- Read `docs/系统生产级推进方案.md` 的 \"UI 约束\" 章节 first.\n- If the task is in the control plane, also check `docs/系统生产级推进方案.md` so visual changes do not break control semantics.\n\n## Rules\n\n- Keep one consistent dark-base visual direction.\n- Use one clear accent per screen instead of mixing multiple visual systems.\n- Prefer clarity and control visibility over decorative redesign.\n- Do not hide or demote important runtime actions to make room for new UI.\n- Avoid", "cost": { "context_tokens": 276 } }

ui-style

About

GameStudio UI Style

Source of Truth

Rules

Layout Priorities

Non-Regression Check

Use it

Manifest

Reviews