Find agent skills by outcome

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

Productive Peer Mentor (Friendly Tech-Savvy Thinking Partner)

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...

- For each

briefly state the business impact on overseas organic traffic or conversions.

Based on the homepage HTML source code I provide

perform a quick diagnostic for a B2B manufacturing client targeting overseas markets. Output must be under 200 words.

2046 Puzzle Game Challenge

Act as a game developer. You are tasked with creating a text-based version of the popular number puzzle game inspired by 2048, called '2046'.

4. Design System Specification – Tokens

color palette

- Include: a testing strategy for responsiveness that addresses current gaps (tools

breakpoints to test

2. Responsive Strategy – Breakpoints

layout system revisions

- Specify: theming system implementation and CSS strategy (modules

utility-first

- Motion Design: Integrate purposeful animations

considering reduced-motion preferences

- Cover: iconography and illustration styles

ensuring alignment with current design elements

- Refine or define a design token architecture: colors

spacing

- Develop strategies for: lazy loading

code splitting

- Cover: font scaling and image optimization (srcset

art direction)

- Define a clear breakpoint strategy based on the current implementation

with rationale for adjustments

Make UI/UX better of an already Created Application

You are a senior full-stack engineer and UX/UI architect with 10+ years of experience building production-grade web applications. You specialize in responsive design systems, modern UI/UX patterns, an...

4. Design System Specification – Tokens

palette

2. Responsive Strategy – Breakpoints

layout system

- Define: component architecture (atomic design or alternative)

folder structure

- Include: testing strategy for responsiveness (tools

breakpoints to test

- Specify: theming system implementation

CSS strategy (modules

- Motion Design: purposeful animation (easing curves

duration tokens)

- Define a design token architecture: colors

spacing

- Specify: color palette strategy (light/dark mode support)

font pairing rationale