Agent skill

phoenix-brand-reporting

Press On Ventures brand-consistent reporting. Use when designing charts, dashboards, exports, or LP-facing documents.

Stars 0
Forks 0

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.

Expand your agent's capabilities with these related and highly-rated skills.

nikhillinit/Updog_restore

financial-calc-correctness

0 0
Explore
nikhillinit/Updog_restore

statistical-testing

0 0
Explore
nikhillinit/Updog_restore

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.

0 0
Explore
nikhillinit/Updog_restore

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.

0 0
Explore
nikhillinit/Updog_restore

dependency-guardian

Automated dependency management with security scanning, update orchestration, and compatibility validation

0 0
Explore
nikhillinit/Updog_restore

documentation-sync

Detects code/documentation drift, validates examples, generates diagrams, auto-updates documentation

0 0
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results