Agent Skills by Mateo Rojas
Showing 70 vetted skills indexed across 1 GitHub repositories.
TheGoat395non-generic-web-copy
Rewrite website copy with brand-specific details and credibility checks.
TheGoat395motion-react-layout-transitions
Implement React layout transitions using the Motion library.
TheGoat395web-design-direction-system
Establish a design framework with direction dials, motion rules, and preflight checks.
TheGoat395reduced-motion-design
Design reduced-motion UI alternatives for web and app interfaces.
TheGoat395react-component-craft
Constructs reusable React components with responsive design and accessibility built in.
TheGoat395web-imagegen-prompting
Generate website imagery with explicit art direction and crop safety.
TheGoat395react-responsive-components
Design and implement responsive React components for mobile, tablet, and desktop devices.
TheGoat395motion-language-director
Guides website motion design with rules, timing, easing, and tool selection for front-end developers and designers.
TheGoat395react-state-and-effects-discipline
Review React components for state duplication and useEffect misuse.
TheGoat395web-reference-research
Translate website references into design constraints for development projects.
TheGoat395hero-image-art-direction
Art-direct website hero images with responsive crops and accessible alt text.
TheGoat395content-pruning-review
Reviews and prunes website content to streamline the main decision-making path while considering SEO and accessibility.
TheGoat395nextjs-app-router-routing
Plan and implement Next.js App Router routes with nested and dynamic segments.
TheGoat395radix-accessible-primitives
Automate creation of accessible React UI components with Radix Primitives.
TheGoat395frontend-quality-auditor
Audit frontend websites and apps for visual, accessibility, performance, SEO, and interaction issues.
TheGoat395brand-voice-to-ui-copy
Convert marketing language into accessible, on-brand UI copy for web and mobile interfaces.
TheGoat395motion-react-microinteractions
Implement microinteractions on React websites using CSS transitions and Motion.js.
TheGoat395premium-web-build-gate
Generate a pre-implementation UI spec covering strategy, content, visual, and motion design.
TheGoat395react-form-patterns
Develop React form components with validation and accessible UI patterns.
TheGoat395color-material-lighting-direction
Design website color palettes, material selection, surface definition, and lighting guidance.
TheGoat395css-grid-editorial-systems
Construct complex CSS Grid layouts with custom hierarchies and editorial styles.
TheGoat395frontend-tooling-trust-gate
Score and classify frontend tools for installation safety and quality.
TheGoat395cross-browser-qa
Automate cross-browser testing across Chromium, WebKit, and Firefox with Playwright.
TheGoat395gsap-performance
Optimize GSAP animations for smooth 60fps performance with transforms and opacity.