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
faceswap
Swap a face from a source image into a target video using GPU-accelerated AI processing. The source image provides the face to swap in, and the target video receives the new face.
obsidian-canvas-creator
Transform text content into structured Obsidian Canvas files with MindMap or freeform layouts.
vision-analysis
Analyze images using the MiniMax MiniMax_understand_image MCP tool available in the MiniMax Token Plan.
threat-model-analyst
Source details, install context, and public review data are available on the full page.
brand-review
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
d1-drizzle-schema
Generate Drizzle ORM schemas for Cloudflare D1 with D1-specific SQLite patterns and constraints.
roadmap-update
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
godot-ui
Expert guidance for Godot's Control node system, themes, responsive layouts, and game UI patterns.
mckinsey-consultant
McKinsey-style problem solving system that generates research reports and presentations through structured hypothesis-driven analysis.
mapbox-style-patterns
Battle-tested Mapbox style patterns and layer configurations for six common mapping scenarios.
seo-local
Detect from page signals before analysis. This determines which checks apply.
wiki-lint
You are performing a health check on an Obsidian wiki. Your goal is to find and fix structural issues that degrade the wiki's value over time.
wiki-setup
You are setting up a new Obsidian wiki vault (or repairing an existing one).
flash-moe-inference
Skill by ara.so — Daily 2026 Skills collection.
gateguard
A PreToolUse hook that forces Claude to investigate before editing. Instead of self-evaluation ("are you sure?"), it demands concrete facts. The act of investigation creates awareness that self-evaluation never did.
market-movers
Source details, install context, and public review data are available on the full page.
pytest
Fast, scalable Python testing with fixtures, parametrization, and framework integration.
react-ui-patterns
Modern React UI patterns for loading states, error handling, and data fetching.
sora
AI video generation and management for Sora models with character references, editing, and batch workflows.
customer-journey-map
Visualize customer interactions across all stages—from awareness to loyalty—with documented actions, touchpoints, emotions, KPIs, and team ownership.
wechat-article-search
Search WeChat public account articles by keyword with title, summary, publish time, and source information.
sentry
Read-only Sentry API queries for production error inspection and health summaries.
wiki-update
You are distilling knowledge from the current project into the user's Obsidian wiki. This skill works from any project directory, not just the obsidian-wiki repo.
rest-api-design
RESTful API design guidance covering resource modeling, HTTP methods, status codes, versioning, and documentation.