enhance-web-instant-nav
Instant in-site navigation: Speculation Rules, View Transitions, bfcache, 103 Early Hints. Use when "instant navigation", "prerender", "early hints", "back…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-29 00:09
Frontend & websites
11,264 results
knight-html-ppt-skill
HTML PPT Studio — author professional static HTML presentations in many styles, layouts, and animations, all driven by templates. Use when the user asks for a…
react-native-best-practices
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving…
frontend-architect
Trigger: frontend architecture, rendering, state, design systems, performance, testing, a11y. Choose production UI architecture.
frontend-design
Design and implement a distinctive frontend within the product’s existing brand, accessibility, performance and framework constraints.
lavish
Turn complex or visual agent responses into rich, reviewable HTML artifacts the user can annotate and send feedback on, using the lavish-axi CLI. Use when…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
explain-diff-html
Use when the user asks for a rich explanation of a code change, diff, branch, or PR. Produces HTML output.
learn-html
Use when the user asks to learn or understand a topic, concept, API, or "how does X work?" question that isn't tied to a specific diff. Produces a rich…
essay-to-speech
Transform written essays into spoken word presentations while preserving source material. Also renders training module facilitator artifacts as standalone HTML…
react
Inspect React apps and measure Web Vitals with chrome-use's built-in `react …` and `vitals` commands (component tree, props/hooks/state, re-render profiling,…
artifact-site
Publish finished HTML, static build folders, ZIPs, PDFs and Office documents to an artifact-site server, or find, read and update work already hosted there.…
clone-page
High-precision webpage cloning. Use Playwright to progressively collect page data (DOM structure, styles, screenshots, resources), then build a complete HTML/CSS restoration in stages. Supports two modes: fast restoration and high-precision restoration. Use this skill when the user needs to clone, replicate, restore, or imitate a webpage. When the user provides a URL and asks to "make an identical page", "clone this page", …
d3-viz
Create interactive data visualizations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualizations, or any complex SVG-based data visualization that requires fine-grained control over visual elements, transitions, or interactions. For custom visualizations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.
artify
Build single-file HTML artifacts and serve them with the artify CLI.
building-landing-home
Compose a product or documentation home page from the @lobehub/ui/awesome landing components: LandingHero, AgentSkillCard, LogoMarquee, LandingSection,…
using-docs-kit
Set up and author a documentation site with @lobehub/docs-kit (the `lobedocs` CLI, React Router + Vite static docs used by ui.lobehub.com). Covers consumer…
astro
Organize the design, implementation, and review of Astro projects around the philosophy of HTML-first, Islands Architecture, and minimizing client JS. Astro, Islands Architecture, SSG/SSR selection, content site construction, performance optimization, JS reduction, multi-framework integration, .astro files...
gsap
Organize the design, implementation, and performance optimization of web animations around GSAP (GreenSock Animation Platform)'s Tween/Timeline/ScrollTrigger/Easing. GSAP, GreenSock, ScrollTrigger, web animation, scroll-linked animatio…
2d-bin-packing
When the user wants to pack 2D rectangular items into bins, optimize 2D cutting patterns, or minimize material waste in 2D packing. Also use when the user…
3d-web-experience
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
vercel-composition-patterns
Reactive extensible composition patterns. Use when refactoring components in the following ways: boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound…
dotnet-chous
Use Chous in .NET repositories that ship sizeable frontend codebases and want file-structure linting, naming convention enforcement, and folder-layout policy…