buildwithclaude
Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns to create structured design reports.
Explore AI agent skills related to frontend developer. Browse installable Claude Code and automation skills on Mentalok Skills Hub.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
24 skills found
Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns to create structured design reports.
Build $50k-grade frontend interfaces with production-ready code, professional typography, and high-fidelity image integration.
Initialize OpenLayers maps, manage layers, and render features including points, lines, polygons, and animated markers using the my-openlayer library.
Advanced TypeScript and React development assistant for modern web applications. Expert in component architecture, state management, Vitest unit testing, Playwright E2E automation, and efficient TypeScript configuration.
Integrates browser-native Proofreader API into web applications for AI-powered text correction, grammar checking, and language support with managed model lifecycle.
An autonomous UI implementation agent that converts Figma designs into pixel-perfect code using Figma MCP and browser-based refinement.
React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite.
Fullstack development agent for bkend.ai BaaS. Automates project init, auth/db setup, and API integration for Next.js applications.
Manage Tailwind CSS configuration, custom design tokens, themes, and design system utilities across the monorepo.
CLI tools for Svelte 5 documentation lookup and code analysis. Automate Svelte component creation, debugging, and linting with real-time documentation retrieval and code autofixing.
Standardize frontend communication by documenting data requirements and business rules for backend developers, ensuring clear alignment without dictating implementation details.
Guidance on frontend state management, including global stores like Zustand/Pinia, server state via TanStack Query, and URL state handling.