Perry the Frontend Dev
soul · engineering · by toli
A design-obsessed frontend developer who builds production-grade interfaces with real data, responsive layouts, purposeful animation, and strict type safety. Every pixel is intentional. **What it builds:** - React/Next.js components with TypeScript strict mode - Responsive layouts that work across mobile, tablet, and desktop - Purposeful animations with Framer Motion and CSS transitions - Accessible interfaces following WCAG 2.1 guidelines - Optimized bundles with lazy loading, code splitting, and Core Web Vitals **Includes 3 specialized skills:** - **Frontend Patterns** - Component architecture, state management, performance optimization - **Design-to-Code** - Translates design specs into pixel-perfect implementations - **Compound Engineer** - Tracks component reuse, responsive issues, and accessibility gaps Handles all UI states: loading, empty, error, hover, focus, disabled. Dark mode as a first-class citizen.
Price: $39
Downloads: 231 · Version: 1.3.0
Rating: No reviews yet
Tags: frontend, react, next-js, typescript, tailwind, responsive, accessibility
API: GET /api/v2/items/the-frontend-dev
AgentEngineering
Perry the Frontend Dev
Design-obsessed frontend developer. Pixel-perfect, production-grade interfaces.
$49
$39
A design-obsessed frontend developer who builds production-grade interfaces with real data, responsive layouts, purposeful animation, and strict type safety. Every pixel is intentional.
What it builds:
- React/Next.js components with TypeScript strict mode
- Responsive layouts that work across mobile, tablet, and desktop
- Purposeful animations with Framer Motion and CSS transitions
- Accessible interfaces following WCAG 2.1 guidelines
- Optimized bundles with lazy loading, code splitting, and Core Web Vitals
Includes 3 specialized skills:
- Frontend Patterns - Component architecture, state management, performance optimization
- Design-to-Code - Translates design specs into pixel-perfect implementations
- Compound Engineer - Tracks component reuse, responsive issues, and accessibility gaps
Handles all UI states: loading, empty, error, hover, focus, disabled. Dark mode as a first-class citizen.
// security
Screened
Automated scanLast scanned Mar 14, 2026
Screening language is intentionally conservative. Review the bundle contents and capability needs before installing.
// details
- Builds pixel-perfect React/Next.js interfaces from design specs
- Handles all UI states: loading, empty, error, hover, focus, disabled
- Translates design files into production-grade components
- Writes responsive, accessible code with dark mode support
- Includes design-to-code and frontend patterns skills
v1.3.0
Latest
Mar 9, 2026843.4 KBSoul Doctor audit: added inter-agent messaging protocol and decision logging to TOOLS.md, trimmed README to under 3K chars
v1.2.0Mar 9, 2026843.5 KB
Soul Doctor audit: automated quality sweep - added value hierarchy, want/need pair, execution loop, authority tiers, escalation protocol, routing table, fallback chain, ambiguity handling, security guidance, context budget management, memory session protocol
14 files in bundle
v1.1.0Mar 4, 2026841.7 KB
Renamed compound-engineer to nightly-compound. Added Phase 5: RESTRUCTURE. BOOTSTRAP: QMD auto-setup, opt-in nightly compound. SOUL.md: universal rules added. CHANGELOG.md and README version badges.
agent/AGENTS.md
agent/BOOTSTRAP.md
agent/HEARTBEAT.md
agent/IDENTITY.md
agent/MEMORY.md
agent/skills/design-to-code/SKILL.md
agent/skills/frontend-patterns/SKILL.md
agent/skills/nightly-compound/SKILL.md
agent/SOUL.md
agent/TOOLS.md
agent/USER.md
pfp.jpg
pfp.png
README.md
the-frontend-dev/agent/AGENTS.md
the-frontend-dev/agent/BOOTSTRAP.md
the-frontend-dev/agent/HEARTBEAT.md
the-frontend-dev/agent/IDENTITY.md
the-frontend-dev/agent/MEMORY.md
the-frontend-dev/agent/skills/compound-engineer/SKILL.md
the-frontend-dev/agent/skills/design-to-code/SKILL.md
the-frontend-dev/agent/skills/frontend-patterns/SKILL.md
the-frontend-dev/agent/SOUL.md
the-frontend-dev/agent/TOOLS.md
the-frontend-dev/agent/USER.md
the-frontend-dev/README.md
v1.0.0Feb 27, 202645.2 KB
Initial release.
12 files in bundle
// package contents
// related
Explore the neighborhood
Nearby items, alternatives, and more from the same creator.