Imported from PeakyKeyman/Upstart-Skill-Share (brady-benware/thoughtbase-os/.agents/skills/_responsive-desktop-design/SKILL.md). Install upstream with npx skills add PeakyKeyman/Upstart-Skill-Share --skill _responsive-desktop-design. Copyright stays with the author.

Desktop Design Procedure

Name: _responsive-desktop-design
Author: PeakyKeyman

This skill is procedural. The durable desktop worldview lives in docs/os/policies/design/responsive-desktop.md and related design policies.

Required Reads

Load before applying this skill:

docs/os/domains/design.md
docs/os/policies/design/responsive-desktop.md
docs/os/policies/design/dark-oled-luxury.md
docs/os/policies/design/modal-routing.md when overlays are involved

Procedure

Identify where the current UI still behaves like a stretched mobile layout.
Apply the responsive-desktop policy to layout, action placement, and structural divergence.
Keep shared content shared; duplicate only structural wrappers when required.
Verify the rendered result in-browser at the relevant viewport(s); do not rely on code inspection alone for visible UI changes.
If the task creates a new durable desktop rule, update the canonical policy rather than expanding this skill body.

{ "ocm": "1", "id": "peakykeyman-upstart-skill-share-responsive-desktop-design", "kind": "skill", "name": "_responsive-desktop-design", "description": "Internal procedure for applying Thoughtbase's responsive desktop policy during UI work. Load the design policies on demand instead of storing the worldview here.", "publisher": "PeakyKeyman", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Internal procedure for applying Thoughtbase's responsive desktop policy during UI work. Load the design policies on demand instead of storing the worldview here." ], "primary": false, "metadata": { "source": { "provider": "github", "repository": "https://github.com/PeakyKeyman/Upstart-Skill-Share", "path": "brady-benware/thoughtbase-os/.agents/skills/_responsive-desktop-design/SKILL.md", "ref": "d6814679b9a4176d88a1875fb09ec118b4a992de", "url": "https://github.com/PeakyKeyman/Upstart-Skill-Share/blob/d6814679b9a4176d88a1875fb09ec118b4a992de/brady-benware/thoughtbase-os/.agents/skills/_responsive-desktop-design/SKILL.md", "key": "PeakyKeyman/Upstart-Skill-Share/brady-benware/thoughtbase-os/.agents/skills/_responsive-desktop-design/SKILL.md" } }, "instructions": "# Desktop Design Procedure\n\nThis skill is procedural. The durable desktop worldview lives in `docs/os/policies/design/responsive-desktop.md` and related design policies.\n\n## Required Reads\n\nLoad before applying this skill:\n\n1. `docs/os/domains/design.md`\n2. `docs/os/policies/design/responsive-desktop.md`\n3. `docs/os/policies/design/dark-oled-luxury.md`\n4. `docs/os/policies/design/modal-routing.md` when overlays are involved\n\n## Procedure\n\n1. Identify where the current UI still behaves like a stretched mobile layout.\n2. Apply the responsive-desktop policy to layout, action placement, and struct", "cost": { "context_tokens": 236 } }

_responsive-desktop-design

About

Desktop Design Procedure

Required Reads

Procedure

Use it

Manifest

Reviews