Admin Interface Design Skill for ChatGPT: Set Density, Spacing and Control Hierarchy
Draft coherent interface rules for dashboards, settings, and data tools. Choose depth, spacing rhythm, table density, and emphasis around supplied user tasks.
中文Install in ChatGPT
Requires a ChatGPT workspace where you can create skills. This is a text adaptation of the pinned GitHub source.
- Review the inputs and outputs in the pinned .claude/skills/design-engineer/SKILL.md.
- In ChatGPT, open Plugins, Skills, Create, and Create with editor.
- Write the skill rules using the workflow described here. Provide users, frequent tasks, screenshots or structure, existing tokens, and brand constraints.
- Save the skill and check the fictional example in a new chat.
Example task
A fictional administrator checks 30 orders at a time, switches status filters, and looks for anomalies. The table is dense and only one accent is allowed. Compare two directions.What to check
Compare scan speed with readability. Keep one accent and propose consistent spacing, row states, and control hierarchy. List keyboard and narrow-screen checks.
Original SKILL.md on GitHub · Updated
Frequently asked question
Can a settings page reuse a marketing page's large typography and shadows?
Check task density and component purpose. Compact controls fit frequent operations, with the established system emphasizing key warnings or actions.