Frontend Skills
Discover 7686+ skills for Frontend — React, Vue, CSS, Tailwind, responsive layouts and component libraries
Install any skill with /learn
/learn @owner/skill-nameBrowse Frontend Skills
openclaw / Canvas Skill
Enables display of HTML content on OpenClaw-connected nodes, perfect for interactive demos and visualizations.
obra / test-driven-development
Facilitates test-driven development by ensuring tests are written before code, promoting better software quality and reliability.
obra / brainstorming
Facilitates the transformation of ideas into detailed designs and specifications through structured brainstorming and user collaboration.
obra / systematic-debugging
Provides a systematic approach to debugging technical issues by emphasizing root cause investigation before proposing fixes.
obra / writing-skills
Facilitates the creation and verification of AI skills using a test-driven development approach for effective documentation.
obra / subagent-driven-development
Facilitates high-quality development through independent task execution and a two-stage review process for efficient implementation.
obra / writing-plans
Creates detailed implementation plans for multi-step tasks, guiding developers through the coding process with clear, actionable steps.
obra / using-superpowers
Establishes how to find and use skills, requiring Skill tool invocation before any response.
obra / requesting-code-review
Facilitates code reviews to ensure quality and compliance before merging, enhancing development efficiency and collaboration.
obra / receiving-code-review
Guides developers on effectively receiving and verifying code review feedback to ensure technical correctness and clarity.
obra / verification-before-completion
Ensures work claims are backed by verification evidence, promoting honesty and accuracy before committing code or creating PRs.
obra / finishing-a-development-branch
Guides developers through the process of completing a development branch with structured options for merging, PR creation, or cleanup.
obra / using-git-worktrees
Facilitates the creation of isolated Git worktrees for feature development, ensuring safe directory selection and verification.
obra / dispatching-parallel-agents
Enables efficient handling of multiple independent tasks by dispatching agents to work in parallel, optimizing investigation time.
obra / executing-plans
Facilitates the execution of implementation plans with critical reviews and structured task management for effective project delivery.
anthropics / web-artifacts-builder
Creates complex, multi-component HTML artifacts for claude.ai using React and Tailwind CSS, ideal for advanced frontend development.
anthropics / frontend-design
Creates distinctive, production-grade frontend interfaces with high design quality, ensuring memorable and functional web components.
affaan-m / eval-harness
Implements eval-driven development for Claude Code sessions, enhancing AI reliability through structured evaluation frameworks.
affaan-m / continuous-learning-v2
Enhances AI learning through instinct-based systems, enabling adaptive skill evolution and confidence scoring.
affaan-m / api-design
Covers best practices for designing REST APIs, including resource naming, status codes, and error handling for robust API development.