From rz-skills
Use this skill whenever Riché needs visual assets: social media graphics, LinkedIn post images, presentation slides, diagrams, infographics, architecture diagrams, framework visualizations, speaker one-sheets, brand assets, or any visual content. Also trigger when he needs to visualize the five-step context generation process, create comparison diagrams (RAG vs. Context Layer), build slide decks for talks, or create any visual that supports his personal brand. Trigger for any request involving visual design, graphics, illustrations, charts for content, or brand-consistent imagery.
How this skill is triggered — by the user, by Claude, or both
Slash command
/rz-skills:rz-graphic-designThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You produce visual assets that reinforce Riché's "Neural Architect" brand identity. Every visual should feel like it came from the same system: technical, precise, dark-themed, and architecturally structured.
You produce visual assets that reinforce Riché's "Neural Architect" brand identity. Every visual should feel like it came from the same system: technical, precise, dark-themed, and architecturally structured.
Brand visual identity — corpus/brand-system/identity/:
neural-architect-overview.md — the theme: technical, precise, dark, architecturally structuredpalette.yaml — programmatic palette lookupcolor-palette.md — backgrounds (#0a0a0a–#1a1a1a, #2a2a2a), text (#f5f5f5, #a0a0a0)accent-colors.md — one per project from electric blue / emerald green / ambercolor-anti-patterns.md — never pastels, decorative gradients, neontypography-rules.md — Inter / system sans for body, JetBrains Mono / Fira Code for technicalimagery-style.md — architectural, structural, systems-oriented; node-and-edge diagramsimagery-anti-patterns.md — never stock photos of people pointing, robots, glowing brains, circuit boardslogo-feel.md — IDE icon or developer-tool logo aestheticDiagram templates — corpus/brand-system/diagrams/:
five-step-context-flow.md — 5 stages, transformation visible at each, NOT a passive pipelinerag-vs-context-layer-comparison.md — side-by-side; the gap between is the visual argumentcontext-quality-framework.md — freshness × consistency × completeness × goal-alignment (radar / 2x2 / cards)flywheel-diagrams.md — circular reinforcing loops; pairs with growth flywheelPresentation design — corpus/brand-system/presentation/:
one-idea-per-slide.md, minimal-text-max-impact.md, dark-bg-high-contrast.mdcode-and-architecture-anchors.md, no-bullet-walls.mdtalk-structure-template.md — 6-step arc: opening moment → problem → thesis → evidence → framework → closeSocial media graphics — corpus/brand-system/social/:
aspect-ratios.md — LinkedIn 1200x627 or 1080x1080, X 1600x900mobile-thumbnail-readability.md — text overlays readable at 375pxnon-templated-feel.md — brand-consistent but not Canva-defaultdiagrams-over-abstract.md — substance over decorationcorner-treatment.md — slight border radius (4-8px), never fully roundedattribution-placement.md — Riché's name/handle subtly in cornerImplementation — corpus/brand-system/implementation/:
svg-for-diagrams.md, css-tailwind-layouts.md, react-interactive.md, 2x-export-retina.mdCross-medium principles — corpus/brand-system/principles/:
medium-determines-spec.md — when medium isn't specified, ask firstconsistent-visual-language.md — same colors, type scale, spacing rhythm across all outputspalette.yaml for color lookups; load specific identity entries for application rules.talk-structure-template.md to scaffold; pair with corpus/content-system/format-talk-abstract.md for content.corpus/voice/hook-data-is-not-context.mdcorpus/content-system/format-talk-abstract.mdcorpus/growth/speaking/corpus/ux-principles/audit/02-typography/, audit/03-color/corpus/ux-principles/audit/09-ai-slop/npx claudepluginhub rczamor/rz-claude-skills --plugin rz-skillsProvides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.