project-form-patterns
CommunityGuided form patterns for robust AGHub UI
AuthorAkaraChen
Version1.0.0
Installs0
System Documentation
What problem does it solve?
AGHub form development often suffers from inconsistent patterns and validation handling across many panels. This Skill provides a cohesive, documented approach to building and refactoring HeroUI v3 + React forms, emphasizing RHF integration, error presentation, and maintainable editors.
Core Features & Use Cases
- Standardized form patterns: Reuse proven form structures across MCP forms, settings dialogs, and create/edit panels.
- Validation guidance: Aligns with react-hook-form and HeroUI validation behaviors to ensure accessible, predictable errors.
- Use Case: When starting a new form module, apply these patterns to implement consistent inputs, error handling, and submission flow.
Quick Start
Apply the provided form-pattern guidelines while refactoring a HeroUI v3 + React form in crates/desktop/src.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: project-form-patterns Download link: https://github.com/AkaraChen/aghub/archive/main.zip#project-form-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.