dioxus-ui-ux
Dioxus UI/UX Skill - Design Intelligence
Comprehensive design guide for Dioxus applications using Dioxus Components. Contains guidelines for component usage, design systems, and general UI/UX best practices.
When to Apply
Reference these guidelines when:
- Building Dioxus applications with
dioxus-components - Designing new UI components or pages
- Choosing color palettes and typography
- Reviewing code for UX issues
- Implementing accessibility requirements
Quick Reference
1. Dioxus Components (CRITICAL)
installation- Usedx components addCLI commandtheming- Use CSS variables indx-components.css
More from sirius-cc-wu/sirius-skills
dioxus-stitch
Transforms Stitch designs into clean, modular Dioxus code using daisyUI. Handles RSX conversion, type-safe props, and data decoupling for Rust projects.
8dioxus-ui-skill
Dioxus UI/UX design intelligence. Specialized guidelines for Dioxus Components, plus 50 styles, 21 palettes, 50 font pairings. Stacks: dioxus, shadcn, html-tailwind. Actions: plan, build, create, design, implement, review, fix, improve, optimize. Projects: web app, dashboard, admin panel, SaaS, mobile app. Elements: button, modal, navbar, card, form, chart.
4slice
Validates approved, committed execution-ready work, bootstraps a slice-scoped execution slice, and hands off to guide-execution.
2ui-flow
Captures optional UI and UX flows, screen-level requirements, and interaction notes before implementation.
2commit
Use this skill when requested to commit changes. It ensures commit messages follow project standards and ensures code quality via verification steps.
2propose
Creates and manages speculative repo-native proposals only, then hands accepted proposals back to guide-planning for canonical planning.
2