Run any Skill in Manus with one click

goodai-design

Stars0

Forks0

UpdatedJune 17, 2026 at 09:44

Use this skill to generate well-branded interfaces and assets for Good'ai, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colours, type, fonts, assets, and UI kit components for prototyping. Good'ai is a Perth-based SME automation business with a brutalist / direct-mail identity (warm cream paper, high-contrast coloured cards in navy / gold / red / black) and a casual "switched-on mate" voice.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

ktg-one

ktg-one/goodai-mate

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

File Explorer

100 files

SKILL.md

readonly

name	goodai-design
description	Use this skill to generate well-branded interfaces and assets for Good'ai, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colours, type, fonts, assets, and UI kit components for prototyping. Good'ai is a Perth-based SME automation business with a brutalist / direct-mail identity (warm cream paper, high-contrast coloured cards in navy / gold / red / black) and a casual "switched-on mate" voice.
user-invocable	true

Read the README.md file within this skill, and explore the other available files.

If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand.

If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts or production code, depending on the need.

Key things to remember about Good'ai:

Warm cream paper (#FFF0D0) background, never pure white. Colour the cards, not the page — navy / gold / red / black blocks carry the content with cream-on-colour text. A white card on cream reads as unfinished.
The five core colours: Navy #202C59 (blocks, links), Black #111111 (text, edges), Cream #FFF0D0 (canvas), Mustard-gold #F3A62A (panels, sticker labels), Coral-red #F4442E (CTA / shout). One accent moment per surface — usually the red CTA. Never all loud at once.
Voice = switched-on Aussie mate. Short sentences, "we" not "I", no jargon, no "AI"/"machine learning"/"leverage"/"synergy". Say automation / system / workflow.
Wordmark: Good'ai — lowercase ai, red apostrophe. Never GoodAI / Good AI / goodai.
Sharp corners (0–8px) on cards and buttons; pills (999px) only for chips / status dots / counters. No pill buttons.
Stamp shadow — flat offset only (3px 3px 0 ink; red stamp for CTAs, navy for blocks). Never blurred shadows.
No emoji in UI. No animated WebGL backgrounds. No drop-shadow glows. No purple/teal pivots, no gradients.
Fonts: Fraunces (display) + DM Sans (body) + JetBrains Mono (eyebrows/code). Italic + WONK on Fraunces = emphasis lift, one phrase per surface.

More from this repository

same repository

source-command-component

ktg-one/goodai-mate

Scaffold a new component with test file

2026-05-170

source-command-dev

ktg-one/goodai-mate

Start dev server and verify environment

2026-05-170

source-command-git-cm

ktg-one/goodai-mate

Stage + commit with conventional commit format

2026-05-170

source-command-git-cp

ktg-one/goodai-mate

Stage + commit + push to remote

2026-05-170

source-command-git-pr

ktg-one/goodai-mate

Create a pull request from current branch

2026-05-170

source-command-init-proj

ktg-one/goodai-mate

init-proj

2026-05-170

name	goodai-design
description	Use this skill to generate well-branded interfaces and assets for Good'ai, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colours, type, fonts, assets, and UI kit components for prototyping. Good'ai is a Perth-based SME automation business with a brutalist / direct-mail identity (warm cream paper, high-contrast coloured cards in navy / gold / red / black) and a casual "switched-on mate" voice.
user-invocable	true

Read the README.md file within this skill, and explore the other available files.

Key things to remember about Good'ai:

Warm cream paper (#FFF0D0) background, never pure white. Colour the cards, not the page — navy / gold / red / black blocks carry the content with cream-on-colour text. A white card on cream reads as unfinished.
The five core colours: Navy #202C59 (blocks, links), Black #111111 (text, edges), Cream #FFF0D0 (canvas), Mustard-gold #F3A62A (panels, sticker labels), Coral-red #F4442E (CTA / shout). One accent moment per surface — usually the red CTA. Never all loud at once.
Voice = switched-on Aussie mate. Short sentences, "we" not "I", no jargon, no "AI"/"machine learning"/"leverage"/"synergy". Say automation / system / workflow.
Wordmark: Good'ai — lowercase ai, red apostrophe. Never GoodAI / Good AI / goodai.
Sharp corners (0–8px) on cards and buttons; pills (999px) only for chips / status dots / counters. No pill buttons.
Stamp shadow — flat offset only (3px 3px 0 ink; red stamp for CTAs, navy for blocks). Never blurred shadows.
No emoji in UI. No animated WebGL backgrounds. No drop-shadow glows. No purple/teal pivots, no gradients.
Fonts: Fraunces (display) + DM Sans (body) + JetBrains Mono (eyebrows/code). Italic + WONK on Fraunces = emphasis lift, one phrase per surface.