Doran Design

A DSH skill pack for web and product UI design. It registers one agent skill and one short system-prompt section that makes the three-layer design rules apply to every web task.

What it adds

• Skill doran-design: a full playbook covering
  • shadcn/ui as the structure layer
  • Canvas UI as the effect layer
  • ThreeUI / three.js as the 3D layer
  • the 80 / 15 / 5 visual-area split
  • component selection, performance budgets, fallbacks and an acceptance checklist
• System-prompt section doran-design-rules: a compact hard-rule set that always applies, including the one-GPU-effect-per-viewport rule, Radix UI Colors, 0.5px borders, the 12px minimum text size and the mobile/reduced-motion fallback requirement.

The plugin does not write AGENTS.md. The hard rules are contributed through ctx.systemPrompt.section, so installing the plugin is enough.

Install

Install the prebuilt tarball from GitHub Releases:

dsh plugin --profile web add https://github.com/Doran1110/doran-design/releases/download/v0.1.1/doran-design-0.1.1.tgz

Then add the package to the profile's dsh.profile.bundles list if your DSH version does not reconcile bundles automatically:

{
  "dsh": {
    "profile": {
      "bundles": ["doran-design"]
    }
  }
}

Restart the profile after installing.

Use

Ask the agent for a landing page, dashboard, portfolio or any Canvas/WebGL/Three.js interface. The skill is model-invocable under the name doran-design; you can also invoke it explicitly with /skill doran-design where the client supports skill invocation.

Notes

• The plugin registers the same skill name as the local doran-design skill. Runtime skills rank 250, so the installed plugin takes precedence when both exist; keep only one to avoid duplicate catalogs.
• Runtime skills are registered at rank 250. If another provider exposes the same name, the nearest layer wins.
• The package ships no browser UI; dsh.client is intentionally absent.
• Requires DSH 0.1.0-rc.1 or newer.

License

MIT