Codex-Skills
Premium website design, motion, copy, and launch QA
All Skills in This Repository (70)
Pure Emerald Level Indicatorsnon-generic-web-copy
Rewrite website copy with brand-specific details and credibility checks.
motion-react-layout-transitions
Implement React layout transitions using the Motion library.
web-design-direction-system
Establish a design framework with direction dials, motion rules, and preflight checks.
reduced-motion-design
Design reduced-motion UI alternatives for web and app interfaces.
react-component-craft
Constructs reusable React components with responsive design and accessibility built in.
web-imagegen-prompting
Generate website imagery with explicit art direction and crop safety.
react-responsive-components
Design and implement responsive React components for mobile, tablet, and desktop devices.
motion-language-director
Guides website motion design with rules, timing, easing, and tool selection for front-end developers and designers.
react-state-and-effects-discipline
Review React components for state duplication and useEffect misuse.
web-reference-research
Translate website references into design constraints for development projects.
hero-image-art-direction
Art-direct website hero images with responsive crops and accessible alt text.
content-pruning-review
Reviews and prunes website content to streamline the main decision-making path while considering SEO and accessibility.
Frequently Asked Questions
FAQPage SchemaHow to install Codex-Skills?▼
Run `npx skills add TheGoat395/Codex-Skills --all -g -y` in your terminal to install the full skill collection globally.
How to stop AI-built websites from looking generic?▼
Skills like anti-generic-website-review, web-style-director, and non-generic-web-copy replace template layouts, vague copy, and stock visuals with specific, brand-true design decisions.
Does Codex-Skills work with Claude Code and Cursor?▼
Yes. It is built Codex-first but ships adapters for Claude Code, Cursor, and Gemini CLI using the standard SKILL.md format.
Can it check my site before launch?▼
Yes. Dedicated QA skills cover accessibility, mobile responsiveness, performance budgets, SEO, cross-browser behavior, and final visual polish with honest pass/fail reporting.
Do I need design experience to use these skills?▼
No. You describe the site you want in plain language, and the skills translate taste words like premium or cinematic into concrete layout, type, color, and motion rules.
Related Repositories in Design & Creative
View All in Design & Creative→ui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
ui
Build and customize beautiful React component libraries with AI
open-design
Open-source AI design studio for decks, prototypes, images, and video