ui-dev

Guide UI development for frename with reusable widget and styling patterns.

1|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/Zelenov/frename --skill ui-dev-zelenov
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-dev
Source: https://github.com/Zelenov/frename/tree/main/.claude/skills/ui-dev
Command: npx skills add https://github.com/Zelenov/frename --skill ui-dev-zelenov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI development guidance for frename to accelerate building consistent user interfaces, ensure cohesive widgets, and align styling across features.

Core Features & Use Cases

  • Reusable components: widgets, panels, and bounds reporting patterns that can be shared across features.
  • Layout and styling consistency: constants, theme usage, and responsive design guidelines.
  • Use Case: A developer adds a new feature panel and follows the guide to implement view.rs, mod.rs exports, and widget usage.

Quick Start

Follow this guide to implement a new UI component in a way that matches the project's conventions.

Frequently Asked Questions about ui-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a new UI feature module in a Rust iced project?

To structure a new UI feature module in Rust iced, implement view.rs and mod.rs exports under src/features, and utilize shared widget utilities under src/widgets for consistent interface development.

What is the best way to ensure styling consistency across Rust iced widgets?

The best way to ensure styling consistency across Rust iced widgets is to apply shared styling constants and theme usage guidelines defined in the UI development guide, ensuring cohesive panels and reusable components across features.

How do I add drag-and-drop functionality and bounds reporting to custom widgets?

To add drag-and-drop functionality and bounds reporting to custom widgets, apply the reusable patterns and widget utilities defined in the UI development guide to standardize interactive feature panels and layout reporting.

Can I use this guide to implement search bars and responsive layouts for frename?

Yes, you can use this guide to implement search bars and responsive layouts for frename, as it provides structured guidance and reusable patterns for adding or updating views, panels, and widgets across features.

What files do I need to update when adding a new feature panel to a Rust application?

When adding a new feature panel to a Rust application, you need to update view.rs for the component logic, mod.rs for module exports, and utilize the shared widget utilities to align with the project's styling constants.