Skill Claude CodeCodex
Use whenever creating or modifying UI, websites, apps, dashboards, forms, buttons, navigation, modals, interactive components, or visual interfaces. Ensures readability, contrast, keyboard navigation, focus states, labels, and usable controls.
Skill Claude CodeCodex
Use whenever the user gives detailed instructions, specific colors, reference images, design requirements, UI requirements, visual style directions, or asks to copy or match a design.
Skill Claude CodeCodex
Use whenever creating dashboards, admin panels, analytics pages, SaaS interfaces, data layouts, widgets, tables, metrics, charts, or management interfaces. Creates cleaner, more structured, less cluttered dashboard layouts.
Skill Claude CodeCodex
Use whenever the user provides a screenshot, mockup, image, design reference, UI reference, app screenshot, website screenshot, or asks to copy, match, recreate, clone, repeat, or use an image as reference.
Skill Claude CodeCodex
Use whenever creating animations, transitions, hover effects, UI interactions, page motion, microinteractions, or animated interfaces. Creates subtle, restrained, premium motion design and prevents overanimated UI.
Skill Claude CodeCodex
Use whenever designing or modifying UI for websites, apps, dashboards, landing pages, components, or visual layouts. Prevents bubble-style UI and unnecessary rounded wrappers.
Skill Claude CodeCodex
Use whenever creating or modifying UI colors, themes, backgrounds, cards, buttons, visual effects, or interface styling. Prevents RGB colors and colorful effects unless explicitly requested.
Instructions file CodexOpenCode
AGENTS.md instructions for bruhxax/codex-skills-pack, covering instructions for codex and global ui behavior.