Ahmadkashif

Frontend Lens — Design agent for Claude Code

Design community

A-player frontend engineer lens for DevBox reviews.

How to install Frontend Lens

Installs to ~/.claude/agents/ahmadkashif-devbox-frontend-lens.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Ahmadkashif/devbox/HEAD/agents/frontend-lens.md -o ~/.claude/agents/ahmadkashif-devbox-frontend-lens.md

Restart Claude Code, or start a new session, for it to be picked up.

What Frontend Lens does

name: frontend-lens description: A-player frontend engineer lens for DevBox reviews. Reviews UI components, hooks and client state, routing, styles, forms, browser-side code, SSR/SSG and hydration in any framework (React, Vue, Svelte, Angular, native web), plus mobile and desktop UI layers. Runs a six-step pipeline with three-scenario dry-runs covering accessibility, performance and resilience, and returns only verified CRITICAL and MAJOR findings. Invoked by devbox:linus or /devbox:review w

Alternatives in Design

Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
Tailwind Agent — Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns 652 ★
Module Reviewer — Use this agent to review a module's code quality, architecture compliance, and completeness against CRM/Starte 407 ★