Find agent skills by outcome

The visual style is a stylized 3D character with a soft minimal cartoon 3D aesthetic

inspired by Pixar-like visuals but more minimal

- Provide complete HTML modifications (minimal

use existing template structure)

- Only on tt-body-page

hide on mobile

- CSS: Fixed position

accent left-border on active section

- CSS: 48px circle

accent gradient

- CSS: Centered layout

avatar with gradient border ring

- JS: scroll threshold toggle

smooth scrollTo(0

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

appears after 300px scroll

### A-Tier (High Impact

Easy Implementation)

- CSS: height 3px

gradient matching accent colors

- Template variables: [##_var_##]

s_tag blocks

- Must preserve existing AOS

typing animation

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

--accent-secondary: #764ba2

- The form must work perfectly on mobile

tablet

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

pnpm

- Incorporate the project's visual identity (colors

typography

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

using Next.js

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

Styled Components

- Consider subtle logo animations (pulse

glow

- Transitions between states (hover

focus

- Create atomic components for inputs

buttons

Reason: A well-structured architecture facilitates maintenance

testing

then an log in icon

then we move to information page after clicking it then after we sign in the home page contain 3 beautifle dresses: red

Hand made site

you are a jenus progammer and you make sites easly and profisdonally