skills.rest
f0rr0f0rr0Community·7 Agent Skills Included

f0rr0.github.io

Next.js, React, WebGL, and browser automation best practices

Applies proven Next.js and React performance rules, composition patterns, and upgrade codemods to real projects. Builds scroll-driven WebGL sites with React Three Fiber and automates browser testing, form filling, and screenshots. Eliminates slow rendering, hydration errors, and manual browser clicking through ready-made rules and scripts.
45|4
↗
npx skills add f0rr0/f0rr0.github.io --all -g -y

All Skills in This Repository (7)

Pure Emerald Level Indicators
📦 In Repo
f0rr0f0rr0

react-three-webgl

Creates WebGL apps with React Three Fiber, three.js, and Next.js scrolling animations.

Community
Advanced
📦 In Repo
f0rr0f0rr0

agent-browser

Automate browser navigation, snapshots, and ref-based element interactions.

Community
Advanced
📦 In Repo
f0rr0f0rr0

web-design-guidelines

Audit UI code against Web Interface Guidelines and output file:line findings.

Community
Basic
📦 In Repo
f0rr0f0rr0

next-best-practices

Enforce standardized Next.js best practices for file conventions, RSC boundaries, and data patterns.

Community
Advanced
📦 In Repo
f0rr0f0rr0

next-upgrade

Upgrade Next.js projects to the latest version using official migration guides and codemods.

Community
Advanced
📦 In Repo
f0rr0f0rr0

vercel-react-best-practices

Apply performance optimization patterns to React and Next.js projects.

Community
Advanced
📦 In Repo
f0rr0f0rr0

vercel-composition-patterns

Refactor React components using compound components, render props, and context providers.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install f0rr0.github.io skills?▼

Run `npx skills add f0rr0/f0rr0.github.io --all -g -y` in your terminal to install all skills in this collection globally.

How to optimize Next.js performance?▼

The vercel-react-best-practices and next-best-practices skills give your agent 57 prioritized rules covering data waterfalls, bundle size, caching, and re-render optimization.

How to automate browser tasks from the terminal?▼

The agent-browser skill lets your agent navigate pages, fill forms, take screenshots, and extract data using simple commands with compact element references.

How to upgrade Next.js to the latest version?▼

The next-upgrade skill detects your current version, fetches official migration guides, and runs the correct codemods automatically.

Can I build scroll-driven 3D websites with these skills?▼

Yes. The react-three-webgl skill covers React Three Fiber scroll rigs, animation stacks, and performance tuning for progressive WebGL experiences.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills