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
draft-offer
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
new
Initialize Railway projects, add services, and configure deployments with automatic project detection.
aspnet-core
Choose the right ASP.NET Core application model, compose the host and request pipeline correctly, and implement features in the framework style Microsoft documents today.
positioning-statement
Geoffrey Moore positioning framework for clarifying target, need, category, and competitive differentiation.
clerk-vue-patterns
SDK: @clerk/vue v2+ (Vue 3). For Nuxt, use clerk-nuxt-patterns .
flightclaw
Search, monitor, and get alerts for flight price changes across Google Flights.
golang-backend-development
Production-grade backend systems with Go's concurrency model, web servers, databases, and microservices architecture.
puppeteer-automation
Expert guidance for Puppeteer-based browser automation, web scraping, testing, and screenshot capture in headless Chrome.
vendor-review
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
customer-journey-mapping-workshop
Facilitate a structured workshop to map customer journeys, identify pain points, and align teams on experience improvements.
fix-errors
When fixing an unhandled error from the telemetry dashboard, the issue typically contains an error message, a stack trace, hit count, and affected user count.
flyai
Use flyai-cli to call Fliggy MCP services for travel search and booking scenarios. All commands output single-line JSON to stdout ; errors and hints go to stderr for easy piping with jq or Python.
machine-learning-engineer
ML model deployment, production serving infrastructure, and real-time inference systems at scale.
positioning-workshop
Structured workshop to discover and articulate product positioning through guided questions about target customers, unmet needs, category, benefits, and differentiation.
posthog-instrumentation
Automatically instrument PostHog analytics, event tracking, and feature flags across multiple frameworks.
seo-image-gen
Generate production-ready images for SEO use cases using Gemini's image generation via the banana Creative Director pipeline. Maps SEO needs to optimized domain modes, aspect ratios, and resolution defaults.
asr
Local offline audio transcription with multi-language support and optional AI polishing.
clerk-nuxt-patterns
Source details, install context, and public review data are available on the full page.
context-window-management
Strategies for managing LLM context windows through summarization, trimming, routing, and prioritization.
develop-ai-functions-example
Development and validation scripts for AI SDK functions across multiple providers and capabilities.
extract-design
Extract the complete design language from any website URL. Generates 8 output files covering colors, typography, spacing, shadows, components, breakpoints, animations, and accessibility.
finance-metrics-quickref
Fast lookup table for 30+ SaaS finance metrics, formulas, benchmarks, and red flags.
user-story-mapping-workshop
Interactive workshop that transforms flat backlogs into visual story maps organized by user workflow and release priority.
workshop-facilitation
Structured one-step-at-a-time facilitation pattern for interactive workshops and guided sessions.