MR
Community@mrestrepoj10
MR curates frontend design-engineering skills covering UI polish, web animation audits, React/Next.js performance, browser interaction, and web scraping.
Agent Skills by MR
Showing 14 vetted skills indexed across 1 GitHub repositories.
mrestrepoj10pick-ui-library
Recommends curated frontend libraries for UI tasks like charts, toasts, drag and drop, and state management.
mrestrepoj10agent-browser
Automates browser interactions via Chrome DevTools Protocol with accessibility-tree snapshots.
mrestrepoj10find-animation-opportunities
Scan a codebase for UI moments that would benefit from motion and propose exact animation recipes.
mrestrepoj10improve-animations
Audits codebase animation code and writes self-contained motion improvement plans.
mrestrepoj10web-design-guidelines
Review UI code files against Vercel Web Interface Guidelines and report findings.
mrestrepoj10firecrawl
Search, scrape, crawl, and monitor websites via the Firecrawl CLI.
mrestrepoj10better-ui
Applies design engineering principles to polish UI components, animations, icons, and surfaces.
mrestrepoj10prototype
Builds multiple divergent UI variants behind a keyboard-driven visual picker for live comparison.
mrestrepoj10apple-design
Applies Apple's fluid interface design principles to web animations, gestures, and typography.
mrestrepoj10review-animations
Reviews animation and motion code against ten craft standards with tiered findings.
mrestrepoj10animation-vocabulary
Maps vague descriptions of web motion effects to their exact animation terminology.
mrestrepoj10vercel-react-best-practices
Applies Vercel's performance optimization rules when writing or refactoring React and Next.js code.
mrestrepoj10emil-design-eng
Reviews and improves UI animations, transitions, and component interactions using CSS and Motion.
mrestrepoj10vercel-composition-patterns
Refactor React components using compound components, context providers, and composition patterns.
Frequently Asked Questions About MR
FAQPage SchemaWhat tasks can I accomplish with MR's skill collection?▼
You can audit and plan web animations, review UI code against design guidelines, pick frontend libraries for charts or drag-and-drop, optimize React/Next.js performance, prototype UI variants, and drive browsers or scrape pages using agent-browser and Firecrawl.
Who are these skills designed for?▼
Frontend engineers, design engineers, and QA testers working on web interfaces. They suit developers polishing micro-interactions, reviewing motion code, refactoring React component architecture, or running exploratory browser-based testing of web and Electron desktop apps.
How do the browser and scraping skills run in practice?▼
agent-browser and firecrawl execute through Bash commands such as 'npx agent-browser' or 'npx firecrawl'. They handle page navigation, form filling, screenshots, data extraction, and full-page content fetching, including pages requiring clicks or logins.
Are these skills open source and what do they cost?▼
The Vercel-authored skills (vercel-react-best-practices, vercel-composition-patterns) carry MIT licenses. Other skills list no explicit license or pricing in the manifest, so usage terms should be confirmed per skill before redistribution.
What prerequisites or dependencies do these skills require?▼
Browser and scraping skills require Node.js with npx to invoke agent-browser and firecrawl CLIs. Design and animation review skills are read-only advisors needing only access to your UI codebase; several skills run only when explicitly invoked.