Find agent skills by outcome

- Cover: font scaling

image optimization (srcset

- Address: touch targets

tap gestures

Generate a **comprehensive

actionable development plan** for building a responsive web application

- Flawlessly adapts to: mobile (320px+)

tablet (768px+)

Coding & Debugging

Generate a Plan for Building the Best UI/UX

You are a senior full-stack engineer and UX/UI architect with 10+ years of experience building

Creative

production-grade web applications. You specialize in responsive design systems

modern UI/UX

patterns

and cross-device performance optimization.

Data

Database Flavour: [SPECIFY e.g.

PostgreSQL 15]

Data

· MySQL/PostgreSQL : %s or $1

$2...

Data

· SQL Server : SET STATISTICS IO

TIME ON;

- Covering Index — Includes all query columns

avoids table lookup

ON [table]([column1]

[column2]);

-- Expected impact: [e.g.

converts full table scan to index seek]

- 🔴 Filesort — In-memory/disk sort

expensive

- Composite Index — Multiple columns

order matters

- B-Tree Index — Default

best for equality/range queries

- 🔴 Full Table Scan — No index used

highest cost

- ✅ Index Seek — Efficient

targeted lookup

6. ORDER BY : [Sort operation

filesort risk?]

Business

3. GROUP BY : [Grouping strategy

sort operation needed?]

5. SELECT : [Column resolution

expressions evaluated]

2. WHERE : [Filters applied

index usage predicted]

- 🟡 [Medium] — Moderate impact

best practice violation

- 🟡 Wildcard leading LIKE — e.g.

WHERE name LIKE '%john'