What are the primary hex codes for PolicyEngine branding?

The primary Teal accent is #39C6C0 and the secondary Blue is #2C6496. For App V2 projects, the updated primary teal is #319795.

Where can I find the official logo URLs?

The skill contains direct links to high-resolution PNG and SVG versions of the teal and white logos hosted in the official PolicyEngine GitHub repositories.

How do I apply PolicyEngine branding to Plotly charts?

The skill provides a Python function called format_fig that automatically applies the Roboto Serif font, teal accent colors, white backgrounds, and the official logo to your Plotly objects.

Does this skill include Streamlit support?

Yes, it provides specific configuration blocks for .streamlit/config.toml to set the primary colors, background, and text colors to match the PolicyEngine brand.

PolicyEngine Design System

Name: PolicyEngine Design System
Author: PolicyEngine

byPolicyEngine

•

Herramientas de Diseño

Standardizes the visual identity of PolicyEngine applications through consistent branding, typography, and data visualization guidelines.

This skill provides Claude with the comprehensive visual identity and branding guidelines necessary for developing PolicyEngine web apps, calculators, and research outputs. It includes specific implementation patterns for Plotly charts, Streamlit themes, and React components using the core teal and blue color palettes. By codifying these standards, the skill ensures that analysts and developers can produce cohesive, professional, and data-focused content that aligns with PolicyEngine's quantitative presentation style, including guidance on typography, logo placement, and transitions between legacy and App V2 design tokens.

Características Principales

01Plotly chart formatting templates for branded research and blog visualizations

02Design token mapping for seamless migration to the PolicyEngine App V2 system

03Streamlit configuration snippets for rapid development of branded calculators

042 GitHub stars

05Standardized color palettes for primary, secondary, and extended brand identities

06Comprehensive logo asset directory with usage guidelines for light and dark backgrounds

Casos de Uso

01Theming new Streamlit-based tax calculators with PolicyEngine visual standards

02Generating branded Plotly visualizations for policy analysis blog posts

03Implementing consistent UI components in React using the App V2 design system

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add policyengine/policyengine-claude documentation

For use in Claude.ai and ChatGPT

Download Skill