policyengine-design
OfficialApply PolicyEngine's visual identity consistently.
AuthorPolicyEngine
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Maintaining a consistent visual identity across all PolicyEngine outputs (web apps, charts, research) is crucial for brand recognition and user trust. This Skill provides comprehensive design guidelines, ensuring all your creations align with the PolicyEngine brand.
Core Features & Use Cases
- Brand Colors & Typography: Defines primary and secondary brand colors (Teal, Blue) and specifies Roboto Serif for charts.
- Logo Usage: Guides on correct logo placement and usage for various backgrounds.
- Plotly Chart Formatting: Provides a standard
format_fig()function to brand your charts with consistent fonts, colors, and logo placement. - Streamlit Theme Configuration: Instructions for applying PolicyEngine's visual theme to Streamlit applications.
- Use Case: Create a new Plotly chart for a research report, ensuring it uses PolicyEngine's Teal accent color, Roboto Serif font, and includes the official logo in the bottom right corner.
Quick Start
Use the policyengine-design skill to get the hex code for PolicyEngine's primary Teal accent color.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: policyengine-design Download link: https://github.com/PolicyEngine/policyengine-claude/archive/main.zip#policyengine-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.