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
postgresql-database-engineering
Comprehensive PostgreSQL database engineering covering indexing, query optimization, replication, and production management.
superwall
This skill covers three areas. Read the relevant reference doc before proceeding.
app-store-preflight-skills
Run pre-submission checks on your iOS/macOS project to catch common App Store rejection patterns.
sox-testing
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
acquisition-channel-advisor
Evaluate acquisition channels by unit economics, customer quality, and scalability to decide whether to scale, test, or kill.
equity-research
Source details, install context, and public review data are available on the full page.
jira
Natural language interface for viewing, creating, updating, and transitioning Jira issues across CLI and MCP backends.
Product Manager
Comprehensive requirements and planning specialist for PRDs, tech specs, feature prioritization, and epic breakdown.
data-extractor
This skill enables extraction of structured data from any document format using unstructured - a unified library for processing PDFs, Word docs, emails, HTML, and more. Get consistent, structured output regardless of input format.
planning-with-files-es
Trabaja como Manus: usa archivos Markdown persistentes como tu «memoria de trabajo en disco».
recommendation-canvas
Structured canvas for evaluating AI product ideas across outcomes, hypotheses, risks, and positioning.
writing-docs
Guidelines and templates for writing Remotion API documentation in MDX format.
ai-agent-builder
Design and build AI agents with tools, memory, and multi-step reasoning capabilities. Covers ChatGPT, Claude, Gemini integration patterns based on n8n's 5,000+ AI workflow templates.
aws-ami-builder
Build custom Amazon Machine Images with Packer's amazon-ebs builder.
figma-code-connect
Create Code Connect template files ( .figma.ts ) that map Figma components to code snippets. Given a Figma URL, follow the steps below to create a template.
interactive-portfolio
Portfolio structure and presentation guidance for converting hiring managers and clients in 30 seconds.
skill-authoring-workflow
Transform rough notes and workshop content into validated, repo-compliant PM skills.
data-pipeline
Build data pipelines and ETL workflows for data integration, transformation, and analytics automation. Based on n8n's data workflow templates.
flags
Inspect and compare feature flag states across React release channels.
generate-image
Generate and edit high-quality images using FLUX and Gemini AI models via OpenRouter.
arize-evaluator
This skill covers designing, creating, and running LLM-as-judge evaluators on Arize. An evaluator defines the judge; a task is how you run it against real data.
google-flights
Search Google Flights for flight prices, schedules, and availability across cabin classes.
pol-probe-advisor
Match the cheapest prototype to your hypothesis, not your tooling comfort.
desktop
Electron desktop development guide for LobeHub's main-renderer architecture.