Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add pledgeandgrow/pledge-skills --skill dioxusgit clone --depth 1 https://github.com/pledgeandgrow/pledge-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/pledgeandgrow/pledge-skills/dioxus)<a href="https://agentmods.dev/skills/pledgeandgrow/pledge-skills/dioxus"><img src="https://agentmods.dev/badge/skills/pledgeandgrow/pledge-skills/dioxus/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/pledgeandgrow/pledge-skills/dioxus"><img src="https://agentmods.dev/badge/skills/pledgeandgrow/pledge-skills/dioxus.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00039 | $0.02771 |
| Opus 5 | $0.00019 | $0.01385 |
| Sonnet 5 | $0.00008 | $0.00554 |
| Haiku 4.5 | $0.00004 | $0.00277 |
Grade C, and why
dioxus-docs scanned grade C with 2 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 9d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Downloads and executes remote codehighSupply chain
curl | sh runs whatever the server returns today, which is not necessarily what it returned when this was reviewed.
curl -sSL https://dioxus.dev/install.sh | bash Makes network callslowCapability
Not a fault in itself. Listed so you know the mod talks to something, and to what.
| `getting-started.md` | Editor setup (VSCode, rust-analyzer), Rust installation, Dioxus CLI installation (curl, cargo-binstall, cargo install), platform-specific dependencies (macOS, Windows, Linux, WSL, iOS, Android), How it starts
The opening of the file, as written. The whole thing — 196 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Dioxus 0.7
A fullstack crossplatform app framework for Rust. Supports Web, Desktop, SSR, Liveview, and Mobile with a single codebase.
Overview
Dioxus is a developer-friendly framework for building cross-platform apps in Rust. You write apps with RSX (Rust JSX), style them with HTML/CSS, enhance with native APIs, and distribute as platform-native bundles. Think of it as a hybrid of Flutter, React Native, and NextJS — cross-platform apps with stellar fullstack support.
Key Benefits
- Cross-platform: Web, Desktop (macOS/Windows/Linux), Mobile (iOS/Android), SSR, Liveview
- React-inspired: Components, hooks, signals-based reactivity
- HTML/CSS native: Uses standard HTML and CSS everywhere — no custom styling system
- Hot-reloading: Subsecond Rust hot-reload via the
subsecondengine - Fullstack: Server functions, SSR, hydration, websockets, streaming
- Typesafe routing: Derive-based router with compile-time route validation
- Asset bundling: Linker-based asset bundling with automatic hashing and CDN optimization
- Blitz renderer: Open-source WGPU-based HTML/CSS renderer for native platforms
File Index
| File | Topics |
|---|---|
getting-started.md |
Editor setup (VSCode, rust-analyzer), Rust installation, Dioxus CLI installation (curl, cargo-binstall, cargo install), platform-specific dependencies (macOS, Windows, Linux, WSL, iOS, Android), dx doctor |
tutorial.md |
Tutorial overview (HotDog app), tooling setup, creating a new app, components, RSX, styling/assets, state, data fetching, backend, databases, routing, bundling, deployment, next steps |
rsx.md |
The rsx! macro, how it expands to templates, HTML/CSS rendering, Blitz renderer, variety of renderers (Web, Webview, Native, Freya), text nodes, elements, Element type, attributes (scope, non-text, event listeners, spreading, conditional, style, class, custom, onresize/onvisible, dangerous_inner_html), conditional rendering (expressions, IntoDynNode, inline if), iteration and lists (iterators, for, keys, Fragment, borrowed state), reconciliation (render, rerender, pure functions) |
components.md |
Defining components, #[component] macro, component properties (PartialEq, Clone, Props), #[props(into)], #[props(default)], #[props(extends)], spreading props, children, Option, ReadOnlySignal, EventHandler |
styling.md |
CSS styling (inline, stylesheets via asset!()), CSS selectors, conditional styles with classes, CSS custom properties for theming, SCSS support, Tailwind integration, VSCode integration, layout (flexbox, grid, fixed position), icons and SVG (inline, assets, icon libraries, dangerous_inner_html) |
assets.md |
Including images (asset! macro), image processing options (size, format Avif), stylesheets, SCSS, arbitrary files, asset hashes, linker-based asset bundling, assets in libraries, including folders, reading assets, public folder |
state.md |
State management theory, for web developers (signal-based reactivity, .read()/.write()), for Rustaceans (hooks paradigm, struct state), 3 pillars of reactivity (data flows down, data is tracked, data is derived), hooks (use_signal, use_hook, rules of hooks, use_memo, use_resource, use_effect), global context (provide_context, use_context, context provider components, providing signals, global signals, global memos), reactive stores and collections (Store derive, use_store, lenses, nested stores, reactive collections, Store) |
suspense.md |
Suspense component, customizing loading view from children with SuspenseBoundary, Suspense with fullstack (use_server_future, hydration compatibility, reactivity in closures), streaming suspense (out-of-order streaming, ServeConfig) |
router.md |
Installing router feature, Routable enum with #[route(..)], rendering Router, Link component, defining routes, nested routes, layouts (dynamic segments, use_route), links and navigation (Link component, NavigationTarget, programmatic navigation, navigator, push/replace/go_back/go_forward, history providers, routing update callback, history buttons) |
fullstack.md |
Project setup (server/client split, customizing builds, feature flags, binary-specific imports, separate crates), hot-reload, server functions (#[get], #[post], path/query extractors, custom inputs/outputs, server extractors, error handling, ServerFnError, OrHttpError, custom errors), SSR (vs CSR, hydration, hydration errors, use_loader), middleware (router-level, route-level, caching), websockets (WebsocketOptions, use_websocket, typed messages, CBOR encoding), streaming, assets, SSG |
data-fetching.md |
Library dependencies (reqwest, serde), requests from event handlers, async state with use_resource (cancel safety, DropGuard), use_loader hook, avoiding waterfalls, organizing data fetching, dioxus-query library |
effects-memos.md |
Multiple reactive scopes, derived state with use_memo, memoizing Elements, running side-effects with use_effect, preferring actions over side-effects, opting out of subscriptions with peek, untracked state with use_reactive, making props reactive with ReadOnlySignal |
hoisting.md |
Hoisting signals, hoisting derived values (memos), decaying readable types to ReadSignal, automatic conversion to ReadSignal, hoisting callbacks (EventHandler, Callback with return values) |
error-handling.md |
Returning errors from components, anyhow::Error, CapturedError, RenderError, error boundaries, throwing errors from event handlers, adding context, downcasting errors, local error handling with reactive hooks |
platforms.md |
Platform-specific code (#[cfg(feature)]), platform-specific dependencies, Web (wasm-bindgen, hydration, JS eval, custom index template), Desktop (WebView, custom assets, Wry integration, use_window), Mobile (Android setup, iOS setup, running apps, dx serve) |
tools.md |
Dioxus CLI (dx) installation, commands (new, serve, bundle, build, run, init, doctor, print, translate, fmt, check, config, self-update, tools, components), creating projects (templates, dev server), translating HTML to RSX, configuring projects (Dioxus.toml, config commands), formatting RSX, checking project, doctor |
deploy.md |
Web publishing (GitHub Pages, base_path, dx bundle), desktop installer (macOS/Windows/Linux), preparing for bundling (windows_subsystem), adding assets to bundle, building with dx bundle --release, bundle config (identifier, publisher, category, icons, resources) |
escape-hatches.md |
Custom element attributes (quoted names), dangerous_inner_html, web components, direct DOM access (eval, document::eval, send/recv), web-sys and event downcasting (as_web_event), onmounted, getElementById, child windows/overlays, using Dioxus in Tauri, native widgets, Dioxus Native |
advanced.md |
Custom hooks (composing hooks, use_hook primitive, building custom hooks, use_context/use_context_provider internals, building reactive hooks with needs_update), component lifecycle (use_hook initialization, rerendering, don't mutate state in body, effects, use_drop cleanup), breaking out of Dioxus (eval, web-sys, use_effect for DOM sync, onmounted, event downcasting, spawn, needs_update) |
custom-renderer.md |
Custom renderer guide, templates (Template structure, root nodes, node paths, attr paths), mutations (LoadTemplate, HydrateText, AppendChildren, ReplaceWith, InsertAfter, InsertBefore, Remove), node storage (stack, node map), event loop (user input, internal events, apply mutations, handle events), event translation (UserEvent), custom raw elements, conclusion |
testing.md |
Component testing (pretty-assertions, dioxus-ssr, assert_rsx_eq), hook testing (VirtualDom, NoOpMutations, MockProxy, driving re-renders), end-to-end testing with Playwright (dx serve, webServer config, example projects) |
optimizing.md |
Building in release mode, UPX compression, build configuration (stable .cargo/config.toml, unstable nightly flags, opt-level, lto, codegen-units), wasm-opt, improving Dioxus code (minimize dynamic parts), optimizing asset sizes with asset! macro |
antipatterns.md |
Incorrect iterator keys, avoiding interior mutability in props (use Signal instead), avoiding state updates during render (use_effect or use_memo), avoiding large groups of state, non-deterministic code in component body (use hooks), overly permissive PartialEq for props |
logging.md |
Dioxus logger (tracing subscriber, launch integration, init function), tracing crate macros (trace, debug, info, warn, error), platform intricacies (tracing-wasm, FmtSubscriber, Android logcat, iOS oslog), viewing logs |
What ships with it
24 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- advanced.md 7.7 KB
- antipatterns.md 3.7 KB
- assets.md 3.2 KB
- components.md 3.8 KB
- custom-renderer.md 5.4 KB
- data-fetching.md 5.3 KB
- deploy.md 2.8 KB
- effects-memos.md 4.3 KB
- error-handling.md 3.7 KB
- escape-hatches.md 4.5 KB
- fullstack.md 8.6 KB
- getting-started.md 3.9 KB
- hoisting.md 3.5 KB
- logging.md 1.8 KB
- optimizing.md 2.0 KB
- platforms.md 5.0 KB
- router.md 5.1 KB
- rsx.md 11 KB
- state.md 9.9 KB
- styling.md 4.8 KB
- suspense.md 4.8 KB
- testing.md 2.5 KB
- tools.md 4.3 KB
- tutorial.md 4.1 KB
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 9d ago First seen · 196 lines · 39 tokens per session scan C a80fa040cf7f
dioxus-docs is a skill published in the GitHub repository pledgeandgrow/pledge-skills (10 stars, last pushed 1mo ago), licensed MIT. It adds 39 tokens to every session and 2,771 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it C with 2 findings (downloads and executes remote code, makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
nextjs
Use when building, reviewing, testing, securing, or optimizing a Next.js App Router app: Server vs Client boundaries, use server actions, route handlers, the v15 vs v16 use cache caching model, metadata/SEO, auth, and Core Web Vitals. NOT framework-agnostic React or a Vite SPA (that is react), and NOT visual/UI design…
react-native-expert
Expert in React Native, cross-platform mobile development, native modules, and performance optimization. Use when the user mentions mobile, JavaScript, TypeScript, cross platform, iOS, or Android, or when the task involves React Native Architecture, Component Types, Hooks Essentials, or Navigation.
tauri-expert
Expert in Tauri framework, Rust backend, web frontend integration, and lightweight desktop applications. Use when the user mentions desktop, Rust, web, cross platform, or performance, or when the task involves Tauri Architecture, Tauri vs Electron, Core Components, or Security Features.
nextjs-patterns
Production Next.js 14+ patterns — App Router, Server Components, data fetching, caching, performance, and deployment best practices.
mobile-engineer
You are the Mobile Engineer Specialist — a cross-platform mobile development expert who builds performant, production-ready mobile applications. You specialize in React Native (Expo) and Flutter, with deep expertise in native integrations, offline-first architectures, and app store deployment.
fullstack-engineer
Consolidated web engineering skill combining backend and frontend development. Implements backend services, APIs, business logic, and web frontends (React/Next.js). Includes clean architecture, TDD, error handling, and state management patterns. Combines: software-engineer + frontend-engineer.