Skip to Content
👋 Welcome to HowToUseOpenClaw Quick Start
Skills CatalogWeb & Frontend Development

Web & Frontend Development

Skills in this category help with web & frontend development. Install any skill using npx clawdhub@latest install <skill-slug>.

Skill List

discord

Description: Use when you need to control Discord from Clawdbot via the discord tool: send messages, react.

Install:

npx clawdhub@latest install discord

frontend-design

Description: Create distinctive, production-grade frontend interfaces with high design quality.

Install:

npx clawdhub@latest install frontend-design

linux-service-triage

Description: Diagnoses common Linux service issues using logs, systemd/PM2, file permissions.

Install:

npx clawdhub@latest install linux-service-triage

miniflux-news

Description: Fetch and triage the latest unread RSS/news entries from a Miniflux instance.

Install:

npx clawdhub@latest install miniflux-news

pinak-frontend-guru

Description: Expert UI/UX and React performance auditor (PinakBot persona).

Install:

npx clawdhub@latest install pinak-frontend-guru

remotion-best-practices

Description: Best practices for Remotion - Video creation in React.

Install:

npx clawdhub@latest install remotion-best-practices

remotion-server

Description: Headless video rendering with Remotion. Works on any Linux server - no Mac or GUI needed.

Install:

npx clawdhub@latest install remotion-server

slack

Description: Use when you need to control Slack from Clawdbot via the slack tool.

Install:

npx clawdhub@latest install slack

ui-audit

Description: AI skill for automated UI audits. Evaluate interfaces against proven UX principles.

Install:

npx clawdhub@latest install ui-audit

ui-skills

Description: Opinionated constraints for building better interfaces with agents.

Install:

npx clawdhub@latest install ui-skills

ux-audit

Description: AI skill for automated design audits. Evaluate interfaces against proven UX principles.

Install:

npx clawdhub@latest install ux-audit

ux-decisions

Description: AI skill for the Making UX Decisions framework (uxdecisions.com) by Tommy Geoco.

Install:

npx clawdhub@latest install ux-decisions

vercel-react-best-practices

Description: React and Next.js performance optimization guidelines from Vercel Engineering.

Install:

npx clawdhub@latest install vercel-react-best-practices

web-design-guidelines

Description: Review UI code for Web Interface Guidelines compliance.

Install:

npx clawdhub@latest install web-design-guidelines

Resources

Last updated on: