Frontend and Design
Frontend and design skills center on UI engineering, styling systems, interaction design, and design-to-code workflows. Developers here will find tools for React and web interfaces, component systems, visual polish, and collaboration between product, design, and implementation.
3,665 skills
Skills in this category
wpds
This skill works best with the WPDS MCP server installed. The MCP provides access to WordPress Design System documentation and resources, such as components and DS token lists.
fal-image-edit
AI-powered image editing with style transfer, object removal, background changes, and inpainting.
phaser-gamedev
Build fast, polished 2D browser games using Phaser 3's scene-based architecture and physics systems.
report-generator
This skill enables automatic generation of professional data reports. Create dashboards, KPI summaries, and analytical reports with charts, tables, and insights from your data.
auth0-nextjs
Add Auth0 authentication to Next.js apps with session management, protected routes, and middleware.
google-search-console
Guides analysis of Google Search Console (GSC) data: performance metrics, indexing, sitemaps, Core Web Vitals, and rich results. Covers best practices for monthly monitoring and actionable insights.
create-pr
GitHub pull requests with titles validated against n8n's commit convention standards.
md-docs
Manage project documentation for Claude Code workflows including context files, READMEs, and agent instructions. This skill provides structured automation for maintaining accurate, up-to-date documentation that aligns with actual codebase structure and functionality. Use this skill when initializing new projects,...
news-monitor
I help you set up effective news monitoring strategies, analyze media coverage, and synthesize news into actionable intelligence. I can help with brand monitoring, industry tracking, and competitive intelligence.
data-ingest
You are ingesting arbitrary text data into an Obsidian wiki. The source could be anything — conversation exports, log files, transcripts, data dumps. Your job is to figure out the format, extract knowledge, and distill it into wiki pages.
ralph-tui-create-json
Convert PRDs to prd.json format for ralph-tui autonomous execution.
skill-name
Brief description of the skill and its purpose.
swap-integration
Integrate Uniswap swaps into frontends, backends, and smart contracts.
authoring-skills
Use this skill when creating or modifying agent skills in .agents/skills/ .
render-deploy
Deploy applications to Render with Git-backed services or prebuilt Docker images via Blueprint or direct creation.
ios-design-guidelines
Comprehensive design rules derived from Apple's Human Interface Guidelines for iPhone app development.
mapbox-web-integration-patterns
Production-ready integration patterns for Mapbox GL JS across React, Vue, Svelte, Angular, and vanilla JavaScript.
status-report
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
coss
coss ui is a component library built on Base UI with a shadcn-like developer experience plus a large particle catalog.
metrics-review
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
comp-analysis
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
mcp-lark
Need to login to the Lark MCP Configuration Platform to add MCP services, obtain the MCP URL, and configure it into environment variables.
storyboard
Six-frame visual narrative that guides stakeholders through a user's problem-to-solution journey.
testing
Vitest testing guide for LobeHub with commands, patterns, and best practices.