LeorickCoder
- 7 skills
- 0 followers
- 4 hours ago last updated
- ▌ Banner Design · leorickcoder bundleBanner-specific art direction and layout guidance for social headers, ads, website heroes, and print banners. Use when Codex needs banner dimensions, safe-zone rules, banner-specific composition choices, or a workflow for turning a campaign brief into banner concepts after brand and general UI direction are known.
- ▌ Design System · leorickcoder bundleFormalize an approved visual direction into design tokens, component specifications, and slide-system rules. Use when Codex needs primitive-semantic-component token architecture, CSS variable generation, token validation, or systematic slide search after brand and UI direction are already chosen.
- ▌ UI UX Pro Max · leorickcoder bundleSearchable local UI/UX decision engine for product and interface direction. Use when Codex needs to choose or justify styles, palettes, typography, layout direction, chart choices, or UX/accessibility guidance before formal token design, component implementation, or deck/banner production.
- ▌ Slides · leorickcoder bundlePlan and refine slide decks, slide structure, and presentation content after the design direction is known. Use when Codex needs deck-specific narrative, structure, copy flow, and HTML presentation guidance rather than general UI direction, token design, or frontend implementation.
- ▌ UI Styling · leorickcoder bundleImplement approved interface direction in code with shadcn/ui, Tailwind CSS, responsive layout patterns, and theme customization. Use when Codex needs to add or configure shadcn/ui, generate Tailwind theme config, refine responsive styling, or build accessible UI components after style and token direction are already known.
- ▌ Brand · leorickcoder bundleBrand voice, visual identity, messaging, and brand-asset governance. Use when Codex needs to define or audit brand guidelines, extract brand context from a guideline document, validate brand assets, compare palettes, or sync brand rules into design-token artifacts before interface or presentation work.
- ▌ Design · leorickcoder bundleTop-level design router for requests that span multiple design domains or when the correct specialized skill is unclear. Use when Codex needs to coordinate brand, design-system, ui-styling, ui-ux-pro-max, logo, CIP, icon, slide, or banner workflows rather than executing a single narrow design task directly.