Execute qualquer Skill no Manus
com um clique

Execute qualquer Skill no Manus com um clique

brand-guidelines

Estrelas3

Forks1

Atualizado28 de fevereiro de 2026 às 17:56

Applies papert-code web UI brand colors and typography to artifacts that should match papert-code look-and-feel. Use it for brand colors, visual formatting, and company design standards.

Instalação

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Executar no Manus

Fonte

azharlabs

azharlabs/papert-code

Abrir repositório GitHub Ver repositórios do creator

Download

Executar no Manus

Ocupações relacionadasSOC

Baseado na classificação ocupacional SOC

Designers gráficosArtes, Design, Entretenimento, Esportes e Mídia·SOC 27-1024

SKILL.md

readonly

Mais deste repositório

mesmo repositório

algorithmic-art

azharlabs/papert-code

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

2026-02-283

papert-code

azharlabs/papert-code

Papert Code CLI operations including scheduler jobs, extensions management, MCP server configuration, and settings. Use when user wants to schedule tasks, manage extensions, configure MCP servers, or modify Papert Code settings.

2026-02-273

canvas-design

azharlabs/papert-code

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

2026-02-213

doc-coauthoring

azharlabs/papert-code

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

2026-02-213

docx

azharlabs/papert-code

Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files). Triggers include: any mention of "Word doc", "word document", ".docx", or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when extracting or reorganizing content from .docx files, inserting or replacing images in documents, performing find-and-replace in Word files, working with tracked changes or comments, or converting content into a polished Word document. If the user asks for a "report", "memo", "letter", "template", or similar deliverable as a Word or .docx file, use this skill. Do NOT use for PDFs, spreadsheets, Google Docs, or general coding tasks unrelated to document generation.

2026-02-213

frontend-design

azharlabs/papert-code

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

2026-02-213

name	brand-guidelines
description	Applies papert-code web UI brand colors and typography to artifacts that should match papert-code look-and-feel. Use it for brand colors, visual formatting, and company design standards.
license	Complete terms in LICENSE.txt

papert-code Brand Styling

Overview

Use this skill to align output with papert-code's current web UI visual system.

Keywords: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, papert-code brand, visual formatting, visual design

Brand Guidelines

Light Theme Colors

Background: #f6f6fb
Foreground: #0f172a
Card/Surface: #ffffff
Border/Input: #e4e7ec
Muted Surface: #eef2f8
Muted Text: #64748b

Primary and Status Colors

Primary: #1a9e4c
Primary Foreground: #ffffff
Focus Ring: #33d17a
Success: #0dbd5c
Warning: #f59e0b
Destructive: #ef4444

Dark Theme Colors

Background: #0b1220
Foreground: #e2e8f0
Card/Surface: #111827
Border/Input: #334155
Muted Surface: #1f2937
Muted Text: #94a3b8
Primary: #33d17a
Primary Foreground: #052e16

Typography

Heading and body: Space Grotesk
Monospace and code: JetBrains Mono
Fallback sans: "Segoe UI", ui-sans-serif, system-ui, sans-serif
Fallback mono: ui-monospace, monospace

Usage Rules

Use papert-code primary green (#1a9e4c or #33d17a) for primary actions and highlights.
Use neutral surfaces and borders for structure; avoid legacy beige/orange theme foundations.
Keep text contrast high against backgrounds in both light and dark modes.
Use success/warning/destructive colors only for semantic states.
Keep typography consistent with Space Grotesk for interface content and JetBrains Mono for code/data.

Technical Details

Color Application

Apply values exactly as hex tokens for consistency with the web UI.
For RGB-based APIs (e.g., python-pptx), convert hex values directly and preserve fidelity.

Font Management

Prefer installed Space Grotesk and JetBrains Mono.
Use fallback stacks when custom fonts are unavailable.
Keep heading/body hierarchy clear with weight and size before introducing additional colors.