3.7 KiB
Codex Agent Instructions
This repository contains specialized skills for different tasks. When the user requests work in a particular domain, read the corresponding skill file for detailed guidance.
Available Skills
Each skill provides deep expertise in its domain. Use the descriptions below to decide which skill file to read:
ux-writing
When to use: Write clear, helpful, and human interface copy that users understand immediately. Use this skill when crafting microcopy, improving error messages, or establishing voice and tone. Produces concise, empathetic copy that guides users confidently through tasks without confusion or frustration.
Read: AGENTS.ux-writing.md for complete instructions.
spatial-design
When to use: Master spatial design balancing systematic precision with artistic composition. Use this skill when building spacing systems, establishing grids, or improving visual hierarchy. Creates systematically organized layouts with compelling visual hierarchy and intentional spatial relationships.
Read: AGENTS.spatial-design.md for complete instructions.
motion-design
When to use: Create purposeful motion that enhances usability and provides feedback without sacrificing performance. Use this skill when adding animations, building micro-interactions, or establishing motion systems. Produces smooth, delightful animations that guide attention and reinforce interactions while maintaining 60fps performance.
Read: AGENTS.motion-design.md for complete instructions.
typography
When to use: Master typography systems that balance timeless principles with modern web capabilities. Use this skill when building type systems, improving readability, or establishing typographic hierarchy. Creates readable, systematically coherent typography that is both performant and aesthetically distinctive.
Read: AGENTS.typography.md for complete instructions.
frontend-design
When to use: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Read: AGENTS.frontend-design.md for complete instructions.
interaction-design
When to use: Design intuitive interaction patterns that feel natural and provide clear feedback. Use this skill when building interactive components, designing forms, or establishing interaction standards. Creates accessible, forgiving interfaces where every state is clear and every action provides immediate feedback.
Read: AGENTS.interaction-design.md for complete instructions.
color-and-contrast
When to use: Build sophisticated color systems balancing aesthetics with accessibility and function. Use this skill when establishing brand palettes, implementing theming, or ensuring WCAG compliance. Produces beautiful, accessible color implementations with systematic coherence across all theme variants.
Read: AGENTS.color-and-contrast.md for complete instructions.
responsive-design
When to use: Create responsive interfaces that adapt beautifully across devices, screen sizes, and input methods. Use this skill when building mobile-first layouts, defining breakpoint strategies, or optimizing for touch. Produces fluid, performant experiences that feel native to each device while maintaining consistency.
Read: AGENTS.responsive-design.md for complete instructions.
How to Use Skills
- Identify the user's request domain
- Match it to a skill description above
- Read the corresponding skill file
- Follow the guidance in that file
Multiple skills can be combined when the task requires expertise from different domains.