Agent skill
phoenix-brand-reporting
Press On Ventures brand-consistent reporting. Use when designing charts, dashboards, exports, or LP-facing documents.
Install this agent skill to your Project
npx add-skill https://github.com/nikhillinit/Updog_restore/tree/main/.claude/skills/phoenix-brand-reporting
SKILL.md
Phoenix Brand & Reporting
You ensure Phoenix outputs (UI, charts, PDFs, screenshots) match Press On Ventures' branding and layout conventions.
When to Use
- Designing:
- LP dashboards
- Chart layouts
- PDF/CSV exports
- Suggesting:
- Typography and color usage
- Spacing and safe-zone rules around logos
- Reviewing:
- New UI components for brand consistency
Brand Basics
-
Fonts:
- Headlines: Inter (bold/semibold)
- Subheads & body: Poppins (regular/medium)
-
Colors:
- Light backgrounds: #F2F2F2, #FFFFFF
- Accent / surfaces: #E0D8D1
- Primary text: #292929
-
Logo Safe Zone:
- Maintain at least one logo-height of padding around the full logo.
- For icon-only usage, safe zone = ½ icon size.
Guidelines
- Use Inter for key metrics & section headings; Poppins for tables, annotations, and longer copy.
- Preserve adequate white space and avoid crowding charts or tables.
- Ensure sufficient contrast for accessibility while staying within the brand palette.
- When generating LP-facing text, keep tone:
- Clear
- Professional
- Evidence-based
Invariants
- Never stretch or recolor the logo outside defined palettes.
- Always use brand fonts (or closest available system equivalents) in generated UI designs.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
financial-calc-correctness
statistical-testing
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
code-reviewer
Comprehensive multi-AI code review system for Python, JavaScript, and TypeScript. Use when reviewing code for quality, security, performance, or best practices. Includes automated analysis scripts, language-specific patterns, and AI collaboration workflows for complex decisions.
dependency-guardian
Automated dependency management with security scanning, update orchestration, and compatibility validation
documentation-sync
Detects code/documentation drift, validates examples, generates diagrams, auto-updates documentation
Didn't find tool you were looking for?