メニュー
Install and manage Dioxus agent skills from the official repository. Use when setting up new development environments or adding specific Dioxus capabilities to existing projects.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Create, design, and optimize Dioxus components with proper patterns, hooks, props, and RSX syntax. Use when building UI components, managing component state, or implementing component composition patterns.
Build fullstack web applications with Dioxus using server functions, SSR, hydration, and API integration. Use when creating fullstack apps, implementing server-side rendering, or building APIs with client-server communication.
Set up a new Dioxus project with proper structure, configuration, and boilerplate code. Use when creating new Dioxus apps, configuring build systems, or initializing project templates.
Implement client-side routing in Dioxus applications using dioxus-router. Use when building multi-page applications, setting up navigation, implementing nested routes, or handling route parameters and navigation guards.
Manage application state in Dioxus using signals, stores, context, and global state patterns. Use when implementing reactive state, sharing data between components, or building complex state architectures.
| name | skill-installer |
| description | Install and manage Dioxus agent skills from the official repository. Use when setting up new development environments or adding specific Dioxus capabilities to existing projects. |
This skill helps you install and manage Dioxus agent skills for building applications with the Dioxus framework.
Install Individual Skills:
# Install project setup skill
$skill-installer install dioxus-project-setup
# Install component development skill
$skill-installer install dioxus-component-dev
# Install routing skill
$skill-installer install dioxus-routing
# Install state management skill
$skill-installer install dioxus-state-management
# Install fullstack development skill
$skill-installer install dioxus-fullstack-dev
Install All Dioxus Skills:
$skill-installer install-dioxus-suite
Install Skills by Category:
# Install basic development skills
$skill-installer install-category basic
# Install advanced development skills
$skill-installer install-category advanced
# Install fullstack development skills
$skill-installer install-category fullstack
The installer will:
If automatic installation fails:
# Create skills directory
mkdir -p ~/.agents/skills
# Clone the Dioxus skills repository
cd ~/.agents/skills
git clone https://github.com/dioxus-community/agent-skills.git dioxus
# Symlink individual skills
ln -s dioxus/.agents/skills/dioxus-project-setup ./
ln -s dioxus/.agents/skills/dioxus-component-dev ./
ln -s dioxus/.agents/skills/dioxus-routing ./
ln -s dioxus/.agents/skills/dioxus-state-management ./
ln -s dioxus/.agents/skills/dioxus-fullstack-dev ./
For project-specific skills:
# Navigate to your project
cd your-dioxus-project
# Create local skills directory
mkdir -p .agents/skills
# Install skills locally
$skill-installer install dioxus-project-setup --local
$skill-installer install dioxus-component-dev --local
# List all installed skills
$skill-installer list
# List Dioxus-specific skills
$skill-installer list --filter dioxus
# Show skill details
$skill-installer info dioxus-component-dev
# Update all skills
$skill-installer update
# Update specific skill
$skill-installer update dioxus-routing
# Update to specific version
$skill-installer update dioxus-fullstack-dev --version 1.2.0
# Remove specific skill
$skill-installer remove dioxus-routing
# Remove all Dioxus skills
$skill-installer remove-category dioxus
# Clean up unused skills
$skill-installer cleanup
Basic Development (Recommended for beginners):
Intermediate Development:
Advanced Development:
System Level (/etc/agents/skills/):
User Level (~/.agents/skills/):
Project Level (./agents/skills/):
The installer will automatically handle:
The installer verifies these requirements:
# Check Rust installation
rustc --version # Should be 1.70.0+
# Check Cargo installation
cargo --version
# Check Dioxus CLI (will install if missing)
dx --version
# Check platform-specific tools
# Web: wasm-pack
# Desktop: System WebView
# Mobile: Platform SDKs
Skills not appearing:
Permission errors:
# Fix permissions
chmod -R 755 ~/.agents/skills
# Or install to user directory
$skill-installer install dioxus-project-setup --user
Network issues:
# Use offline installation
$skill-installer install --offline /path/to/skills
# Configure proxy
export HTTP_PROXY=http://proxy.example.com:8080
$skill-installer install dioxus-component-dev
Version conflicts:
# Check installed versions
$skill-installer list --versions
# Force reinstall
$skill-installer install dioxus-routing --force
# Install specific version
$skill-installer install dioxus-fullstack-dev --version 1.0.0
# Add custom repository
$skill-installer add-repo https://github.com/yourorg/custom-dioxus-skills.git
# Install from custom repo
$skill-installer install custom-skill --repo yourorg
# List available repositories
$skill-installer repo list
Create a skills.yaml configuration file:
skills:
- name: dioxus-project-setup
version: latest
location: user
- name: dioxus-component-dev
version: 1.0.0
location: project
- name: dioxus-routing
version: latest
location: user
categories:
- basic
- intermediate
settings:
auto_update: false
check_dependencies: true
Install from configuration:
$skill-installer install --config skills.yaml
# Install via npm (if available)
npm install -g @dioxus/agent-skills
# Install via homebrew (macOS)
brew install dioxus-agent-skills
# Install via apt (Ubuntu/Debian)
apt install dioxus-agent-skills
After installation, verify skills are working:
# Test basic functionality
$dioxus-project-setup --version
# Create test project
mkdir test-project && cd test-project
$dioxus-project-setup create-basic-app
# Verify all skills
$skill-installer verify
If you encounter issues:
The skill installer ensures you have access to the latest Dioxus development capabilities with minimal setup effort.