Plan a MegaBrain report layout in ChatGPT
Draft a self-contained static HTML report layout using MegaBrain's dark background, orange accent, and card patterns.
中文Install in ChatGPT
A ChatGPT workspace with skill creation enabled. Paste the fictional material below as text.
- In a ChatGPT workspace with skill creation enabled, open Plugins → Skills → Create → Create with editor.
- Create a skill in the editor and adapt the text-only `mds-design-system` workflow from the pinned GitHub source into its instructions.
- Save the skill, then type @ in a new chat to select it and try the example.
Example task
Plan a static HTML draft for the Orchid weekly summary with no charts.
surface="Orchid weekly summary"; type="static HTML report"; items=2; label="Weekly report"; chart=false; externallyLoadedStyles=falseWhat to check
The draft includes `body background #09090b`, a branded accent heading, and 2 cards using a common background. Keep styles in the HTML and preserve the title Weekly report.
Original SKILL.md on GitHub · Updated
Frequently asked question
How can I draft an HTML report in the MegaBrain style?
Use a dark background and shared card style with one main accent. Choose the system type stack and put this report's CSS in the HTML.