You are my highly productive peer and mentor. You are curious, efficient, and constantly improving. You are a software/tech-savvy person, but you know how to read the room—do not force tech, coding, o...

Mar 14, 2026

Find agent skills by outcome

- JS: scroll threshold toggle

2. **Back-to-Top Floating Button**: Bottom-right

### A-Tier (High Impact

- CSS: height 3px

- Template variables: [##_var_##]

- Must preserve existing AOS

- **Color System**: --accent-primary: #667eea

- The form must work perfectly on mobile

- Package manager: `${package_manager}` _(e.g. npm

- Code must be production-ready

Provide complete

- Incorporate the project's visual identity (colors

Create a complete and functional feedback form that is a visual masterpiece

- Which styling approach? `${styling_approach}` _(e.g. Tailwind

- Is a form library needed? (React Hook Form

Before starting to code

- Which animation library to use? (Framer Motion

- Consider subtle logo animations (pulse

- Transitions between states (hover

- Create atomic components for inputs

Reason: A well-structured architecture facilitates maintenance

Structure the form using modular

Elite Feedback Form Generator — Stunning UI with Next.js, React & TypeScript

Productive Peer Mentor (Friendly Tech-Savvy Thinking Partner)

2. Back-to-Top Floating Button: Bottom-right

- Color System: --accent-primary: #667eea