AI Skills for Frontend Developer

Enables display of HTML content on OpenClaw-connected nodes, perfect for interactive demos and visualizations.

Guides agents in conducting thorough code reviews for local changes and remote Pull Requests, ensuring code quality and adherence to standards.

Guides users in creating high-quality Pull Requests that adhere to repository standards and templates.

Provides a systematic approach to debugging technical issues by emphasizing root cause investigation before proposing fixes.

Guides developers on effectively receiving and verifying code review feedback to ensure technical correctness and clarity.

Ensures work claims are backed by verification evidence, promoting honesty and accuracy before committing code or creating PRs.

Facilitates the creation of isolated Git worktrees for feature development, ensuring safe directory selection and verification.

Guides developers through the process of completing a development branch with structured options for merging, PR creation, or cleanup.

Facilitates the transformation of ideas into detailed designs and specifications through structured brainstorming and user collaboration.

Facilitates test-driven development by ensuring tests are written before code, promoting better software quality and reliability.

Facilitates high-quality development through independent task execution and a two-stage review process for efficient implementation.

Creates detailed implementation plans for multi-step tasks, guiding developers through the coding process with clear, actionable steps.

Facilitates code reviews to ensure quality and compliance before merging, enhancing development efficiency and collaboration.

Provides a toolkit for testing local web applications using Playwright, enabling frontend verification and UI debugging.

Creates distinctive, production-grade frontend interfaces with high design quality, ensuring memorable and functional web components.

Creates complex, multi-component HTML artifacts for claude.ai using React and Tailwind CSS, ideal for advanced frontend development.

Automates browser interactions for testing, form filling, and data extraction, enabling efficient web navigation and information retrieval.

Creates stunning HTML presentations from scratch or converts PowerPoint files, enhancing visual appeal for non-designers.

Enforces test-driven development principles with comprehensive test coverage for new features, bug fixes, and code refactoring.

Establishes universal coding standards and best practices for TypeScript, JavaScript, React, and Node.js development.