Build a brand asset generator with Perplexity Computer

Computer stays on brand only when the rules are written down in one place.

1. 1Open any plain text editor and create a file named SKILL.md.
2. 2Paste the template below and replace every [VALUE] with your real colors, fonts and rules.
3. 3Use exact hex codes and font names, such as a Google Fonts name or a font you own.

---
name: brand-guidelines
description: Apply the [BRAND NAME] brand to any graphic, web app, table or document. Use it whenever I ask for a callout box, a table, a social graphic or anything on brand.
---

# [BRAND NAME] brand guidelines

## Colors
- Primary: [#HEX] for headings and key shapes
- Accent: [#HEX] for borders and highlights
- Background: [#HEX]
- Text: [#HEX]
Use only these colors.

## Fonts
- Headings: [FONT NAME], [WEIGHT]
- Body: [FONT NAME], [WEIGHT]

## Logo
- [WHERE IT GOES, MINIMUM SIZE, CLEAR SPACE]
- Never stretch it, recolor it or add effects.

## Spacing and shape
- Spacing on an [8] px grid, inner padding [24] px
- Corner radius [8] px, borders [2] px
- No shadows or gradients

You should see one short file with your colors, fonts, logo rules and spacing, under a name and a description.

A skill loads on its own when a task matches its description, so you never paste your rules again.

1. 1Go to perplexity.ai and open Plugins in the sidebar.
2. 2Select Add custom, choose to upload a skill, and drop in your SKILL.md.
3. 3Open the Installed tab, switch to Skills, and check that the Enabled switch is on.

You should see brand-guidelines in your installed skills, switched on.

No Plugins in your sidebar yet? Go to Customize > Skills instead.

A small test shows whether Computer reads your rules the way you meant them.

1. 1On the Home page, select the Computer icon, then click the Start a task field.
2. 2Attach the screenshot of your graphic, then paste the prompt below.
3. 3Ask for changes in plain words, such as "more padding" or "use the accent color for the border".

Use my brand-guidelines skill to design a callout box that says "[YOUR SAMPLE TEXT]". Follow my brand's colors, type and spacing, and copy the layout of the attached image. Show a preview, then list each color and font in it.

You should see a preview of a callout box in your colors and fonts, with a list of the values it used.

An app lets anyone on your team make the same box in seconds, without a designer.

1. 1In the same task, paste the prompt below.
2. 2When Computer finishes, open the website preview and try a few lines of text.
3. 3Export a PNG and open it to check the fonts and the edges.

Build a web app that makes callout boxes in exactly this style. It needs a title field, a body field, a live preview, a choice of my 3 brand colors, and a button that exports a PNG at 2x size. Load my brand fonts before exporting. Keep it to one page with no sign-in.

You should see your callout generator in the preview, with a live preview and an export button.

A published app has one link that keeps working when you ask for changes.

1. 1In the website preview, select Publish.
2. 2Pick your pplx.app address, and set Initial visibility to just you or to specific people.
3. 3To change who can open it later, select Published and change General access.

You should see a live pplx.app link that opens your callout generator.

Need a change? Ask Computer in the same task. It publishes again to the same link.

A second tool in the same style, saved on GitHub, gives you a small kit your developers can keep.

1. 1Paste the first part of the prompt below, then test and publish the table app like the first one.
2. 2On GitHub, create an empty repository with a README for the code.
3. 3In Plugins, search for GitHub, select Connect, sign in to GitHub and click Authorize.
4. 4Paste the second part of the prompt, with your repository's name in it.

Make a second app that builds tables, styled like the callout app. It needs controls to add and remove rows and columns, a text field for each cell, a header row in my primary color, a live preview, and PNG export at 2x size.

Then open a pull request in [YOUR GITHUB REPO] that adds the callout app and the table app, each in its own folder, with a short README.

You should see a second published app, and a pull request on GitHub with the code for both apps.

The connector can only act within what your GitHub account allows. Review the pull request before you merge it.