redis-brand-ui
Redis Brand UI Guidelines
Actionable rules for implementing the Redis visual identity in frontend applications. All values are derived from the official Redis brand portal (https://brand.redis.io).
When to Apply
Use these guidelines when:
- Building any UI that carries the Redis brand
- Creating marketing pages, landing pages, or documentation sites
- Styling dashboards, admin panels, or developer tools for Redis products
- Implementing components in React, Next.js, or any web framework
- Configuring Tailwind CSS or HeroUI/NextUI themes for Redis projects
Core Rules
Colors
More from fcenedes/redis_sa_skills
redis-presentation-decks
Create Redis-focused Reveal.js presentation decks for solution architecture, customer briefings, technical workshops, product narratives, QBRs, and sales engineering storytelling. Use when a user asks for Redis-branded slides, decks, or presentations that need Reveal.js HTML, speaker notes, charts, architecture flows, screenshot review, and overflow validation.
2redis-excalidraw-diagrams
Create Redis-focused Excalidraw architecture diagrams for caching, vector search, Redis Query Engine, Streams, replication, clustering, observability, and Redis Cloud systems. Use when a user asks for a Redis technical diagram, architecture visual, workflow sketch, or .excalidraw file that must be accurate, branded, and visually validated.
2playwright-test
Use when creating, fixing, reviewing, or debugging Playwright Test E2E/UI tests, playwright.config files, fixtures, auth state, selectors, traces, CI failures, flaky UI tests, browser tests, or test runner workflows.
1playwright-cli-agent
Use when an agent needs to inspect, explore, operate, debug, or screenshot a web application through Playwright CLI. Use for live browser automation, UI exploration, reproducing bugs, validating flows, creating screenshots, or discovering stable selectors.
1