New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Ron Web Pages

by bionic-gpt in bionic-gpt/bionic-gpt

Build server-rendered Dioxus pages using opinionated Rust on Nails patterns.

Apache-2.0Auto-check passedFrontend & Design

Install Ron Web Pages

skills CLI
$ npx skills add bionic-gpt/bionic-gpt --skill ron-web-pages -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install bionic-gpt/bionic-gpt ron-web-pages --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/bionic-gpt/bionic-gpt.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/ron-web-pages .claude/skills/ron-web-pages && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
ron-web-pages
GitHub stars
2.4k
Token cost
~616 tokens
SKILL.md length
292 words
Files
13
Skills in repo
21
Repo updated
First seen
Licence
Apache-2.0

At a glance

Build server-rendered Dioxus pages using opinionated Rust on Nails patterns.

  • Typed navigation
  • SKILL.md covers Preferred patterns, Local examples and Review
  • Runs Rust and JavaScript scripts from its folder
  • Validation feedback

What it does

Ron Web Pages is an agent skill from bionic-gpt/bionic-gpt. Build server-rendered Dioxus pages using opinionated Rust on Nails patterns. Use for layouts, lists, CRUD controls, typed navigation, forms, and validation feedback.

Its SKILL.md is about 620 tokens, which your agent loads only when the skill is triggered. The skill folder holds 17 other files (for example `examples/blank-page/notes.md`, `examples/crud/notes.md` and `examples/dialogs.js`).

It sits in Frontend & Design, covering Forms and validation. It works with Rust. The repository describes itself as: Bionic is sovereign Agentic AI for the enterprise — Runs on-premise and can securely work with your sensitive data and systems. The licence is Apache-2.0.

When your agent uses it

  • Typed navigation
  • Validation feedback

Example prompts

  • “/ron-web-pages”

Requirements

  • Node.js

What it can do on your machine

Read from SKILL.md and the folder at commit c155c00. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships script files (Rust and JavaScript), which the agent can run.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Ron Web Pages loads about 616 tokens when it runs. Until then it costs about 45 tokens; SKILL.md has 292 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~45
When it runs · the whole SKILL.md, loaded when a task matches
~616

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from bionic-gpt/bionic-gpt at commit c155c00, republished under its Apache-2.0 licence (© bionic-gpt). 292 words, ~616 tokens.

Download SKILL.mdSave it as .claude/skills/ron-web-pages/SKILL.md (or your agent's skills folder). This skill also uses 12 other files; get the full folder from GitHub.
name
ron-web-pages
description
Build server-rendered Dioxus pages using opinionated Rust on Nails patterns. Use for layouts, lists, CRUD controls, typed navigation, forms, and validation feedback.

Rust on Nails Web Pages

Inspect the destination project's UI dependencies and nearest page before editing. Pages accept view models and render HTML; handlers own database I/O and authorization. Suggested names such as web-pages are integration conventions, not assumed paths.

Preferred patterns

  • Compose a shared layout with title, navigation, breadcrumbs, and responsive content. Reuse project components when available; this skill includes local minimal components.
  • Use Dioxus SSR, Tailwind utilities, and Daisy UI semantic classes. Prefer existing component wrappers when the project has them. Keep labels and semantic HTML.
  • Use typed paths for links and form actions. Mutations use POST. Align input names with the action's form struct and display validation errors with submitted values.
  • Use one shared empty/list introduction and consistent item cards. Derive visible edit controls from server-supplied permissions; handlers must enforce access again.
  • Give each dialog a unique ID and provide its matching local browser behavior. Avoid nested forms and use explicit button types.
  • Preserve the destination project's localization and asset pipeline. The examples use plain English and no custom icons or generated assets.

Local examples

Read example wiring and dependencies, then only the relevant files:

  • Blank page: layout and render boundary.
  • List: empty state, cards, and typed add/edit links.
  • CRUD: prepopulated edit form and delete confirmation.
  • Form: create/update fields and visible errors.

All required Rust helpers, view models, route types, and dialog script live in this skill. External library and CSS dependencies are listed locally. These are reference modules without Cargo scaffolding; there is no dependency on another skill or repository.

Review

Check empty/populated states, create/edit values, invalid input, unique dialog IDs, permission-controlled buttons, keyboard dismissal, and named form fields. Check the paired handlers in the destination project before claiming a feature is complete. Optional companion: ron-web-server, if installed.

© bionic-gpt, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 12 other files in .agents/skills/ron-web-pages of bionic-gpt/bionic-gpt.

  • SKILL.md
  • examples/blank-page/notes.md
  • examples/blank-page/page.rs
  • examples/crud/notes.md
  • examples/crud/page.rs
  • examples/dialogs.js
  • examples/form/notes.md
  • examples/form/page.rs
  • examples/list/notes.md
  • examples/list/page.rs
  • examples/mod.rs
  • examples/notes.md
  • examples/support.rs

Open the folder on GitHubat commit c155c00

Compare with similar skills

Ron Web Pages next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Ron Web Pages compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Ron Web Pages this skillbionic-gpt/bionic-gpt2.4k—~616Automated safety check: PassApache-2.0
MCP Developmentcoollabsio/coolify63k1 repos~949Automated safety check: PassMIT
Accessibility Fixeribelick/ui-skills9.5k4 repos~1.2kAutomated safety check: PassMIT
Formik Form PatternsChrisWiles/claude-code-showcase6.1k3 repos~2.1kAutomated safety check: PassNone
Buefy Vue UI Componentsbuefy/buefy9.5k—~8.2kAutomated safety check: PassMIT
Formkitformkit/formkit4.8k—~1.7kAutomated safety check: PassMIT

Similar skills

  • MCP Development

    coollabsio/coolify

    A skill your agent uses for Laravel MCP development. An agent skill from coollabsio/coolify.

    63k GitHub starsUsed in 1 repo~949 tokens
    Frontend & DesignAuto-check passed

  • Accessibility Fixer

    ibelick/ui-skills

    Audits and fixes HTML accessibility problems such as ARIA labels, keyboard navigation, focus management, contrast and form errors with minimal changes.

    9.5k GitHub starsUsed in 4 repos~1.2k tokens
    Frontend & DesignAuto-check passed

  • Formik Form Patterns

    ChrisWiles/claude-code-showcase

    Shows how to build forms with Formik and Yup validation, including conditional rules, field helpers, GraphQL submission, edit forms and multi-step flows.

    6.1k GitHub starsUsed in 3 repos~2.1k tokens
    Frontend & DesignAuto-check passed

  • Buefy Vue UI Components

    buefy/buefy

    Rules for writing Vue 3 templates with Buefy components on Bulma CSS: install options, prop conventions, b-field wrapping, tables, theming and dialogs.

    9.5k GitHub stars~8.2k tokensUpdated 1 mo ago
    Frontend & DesignAuto-check passed

  • Formkit

    formkit/formkit

    A skill your agent uses when working with FormKit forms, validation, schema, or custom inputs in React, Vue, or Nuxt projects.

    4.8k GitHub stars~1.7k tokensUpdated 2 mo ago
    Frontend & DesignAuto-check passed

  • Nestjs Trpc

    trycompai/crm

    Build end-to-end type-safe tRPC APIs inside NestJS using the nestjs-trpc adapter — @Router/@Query/@Mutation/@Subscription decorators, TRPCModule.forRoot, injectable middlewares and context, Zod…

    11k GitHub stars~2.8k tokensUpdated 27 days ago
    Backend & APIsAuto-check passed

More from bionic-gpt/bionic-gpt

All 21 skills in this repo

  • Static Sites

    bionic-gpt/bionic-gpt

    Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets.

    2.4k GitHub stars~920 tokensUpdated yesterday
    Auto-check passed

  • Automationbench Eval

    bionic-gpt/bionic-gpt

    Load the repository's AutomationBench OpenAPI catalogue and run evaluations against the local simulator.

    2.4k GitHub stars~619 tokensUpdated yesterday
    Auto-check passed

  • Ron Auth

    bionic-gpt/bionic-gpt

    Implement identity and authorization boundaries in Rust on Nails applications.

    2.4k GitHub stars~667 tokensUpdated yesterday
    Auto-check passed

  • Document Generation

    bionic-gpt/bionic-gpt

    Create polished printable documents and PDFs, including forms, checklists, reports, briefs, comparisons, worksheets, task lists, and other operational documents.

    2.4k GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed

  • Local Deployment

    bionic-gpt/bionic-gpt

    Deploy one or more locally built Bionic services into the user's k3d cluster.

    2.4k GitHub stars~540 tokensUpdated yesterday
    Auto-check: notes

  • Office Tools

    bionic-gpt/bionic-gpt

    Regenerate the built-in Office OpenAPI specs from a selected Archipelago ref.

    2.4k GitHub stars~352 tokensUpdated yesterday
    Auto-check passed

Works with

Categories

Questions about Ron Web Pages

What does Ron Web Pages do?

Build server-rendered Dioxus pages using opinionated Rust on Nails patterns. Ron Web Pages is an agent skill from bionic-gpt/bionic-gpt. Build server-rendered Dioxus pages using opinionated Rust on Nails patterns.

When should I use Ron Web Pages?

Ron Web Pages fits situations like: typed navigation; validation feedback.

How do I install Ron Web Pages in Claude Code?

Run `npx skills add bionic-gpt/bionic-gpt --skill ron-web-pages -a claude-code`. Or copy the skill folder (.agents/skills/ron-web-pages in bionic-gpt/bionic-gpt) into .claude/skills/ron-web-pages in your project. Claude Code loads it when a task matches its description.

How do I install Ron Web Pages in Codex?

Run `npx skills add bionic-gpt/bionic-gpt --skill ron-web-pages -a codex`. Or copy the skill folder (.agents/skills/ron-web-pages in bionic-gpt/bionic-gpt) into .agents/skills/ron-web-pages in your project. Codex loads it when a task matches its description.

Can I use Ron Web Pages in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add bionic-gpt/bionic-gpt --skill ron-web-pages -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ron-web-pages, .gemini/skills/ron-web-pages, .github/skills/ron-web-pages and .opencode/skills/ron-web-pages in your project.

What does Ron Web Pages need to run?

Going by SKILL.md and its folder, Ron Web Pages needs Rust and JavaScript for the scripts in its folder. Our summary lists: Node.js.

Does Ron Web Pages access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Ron Web Pages safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Ron Web Pages use?

Ron Web Pages is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Ron Web Pages use?

About 616 tokens (SKILL.md is roughly 2.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Ron Web Pages?

Skills that share tags, products or a category with Ron Web Pages: MCP Development (coollabsio/coolify, 63k stars), Accessibility Fixer (ibelick/ui-skills, 9.5k stars), Formik Form Patterns (ChrisWiles/claude-code-showcase, 6.1k stars) and Buefy Vue UI Components (buefy/buefy, 9.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Ron Web Pages?

bionic-gpt (a GitHub organization) maintains it in bionic-gpt/bionic-gpt, which has 2,383 GitHub stars. The repository holds 21 skills in this directory. The repository was last updated on October 7, 2026.

Source: bionic-gpt/bionic-gpt on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.