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,745 skills
Skills in this category
docker
by bobmatnyc/claude-mpm-skills
Docker provides containerization for packaging applications with their dependencies into isolated, portable units. Containers ensure consistency across development, testing, and production environments, eliminating "works on my machine" problems.
day2-mcp-and-context-sync
by ai-native-camp/camp-2
Source details, install context, and public review data are available on the full page.
gemini-live-api-dev
by google-gemini/gemini-skills
The Live API enables low-latency, real-time voice and video interactions with Gemini over WebSockets. It processes continuous streams of audio, video, or text to deliver immediate, human-like spoken responses.
google-apps-script
by jezweb/claude-skills
Build automation scripts for Google Sheets and Workspace apps. Scripts run server-side on Google's infrastructure with a generous free tier.
rag-engineer
by sickn33/antigravity-awesome-skills
Source details, install context, and public review data are available on the full page.
skill-review
by jezweb/claude-skills
Invoke: /review-skill or use this skill when detecting outdated patterns
zimage-generation
by toolsai/free-zimage-skills
This skill allows you to generate images using the Z-Image model via the ModelScope Inference API.
coingecko
by starchild-ai-agent/official-skills
CoinGecko provides comprehensive crypto market data including spot prices, OHLC candles, market cap, trending coins, sector performance, and global stats.
competitor-teardown
by inference-shell/skills
Structured competitive analysis with research and screenshots via inference.sh CLI.
aws-cdk-development
by zxkane/aws-skills
This skill provides comprehensive guidance for developing AWS infrastructure using the Cloud Development Kit (CDK), with integrated MCP servers for accessing latest AWS knowledge and CDK utilities.
nx-generate
by nrwl/nx-ai-agents-config
Nx generators are powerful tools that scaffold projects, make automated code migrations or automate repetitive tasks in a monorepo. They ensure consistency across the codebase and reduce boilerplate work.
trading-expert
by personamanagmentlayer/pcl
Expert guidance for algorithmic trading systems, quantitative analysis, market data processing, and trading platform development.
video-processing-editing
by erichowens/some_claude_skills
Expert in FFmpeg-based video editing, processing automation, and export optimization for modern content creation workflows.
jest-react-testing
by manutej/luxor-claude-marketplace
A comprehensive skill for testing React applications using Jest and React Testing Library. This skill covers everything from basic component testing to advanced patterns including mocking, async testing, custom hooks testing, and integration testing strategies.
pinia-best-practices
by hyf0/vue-skills
TypeScript configuration and common pitfalls for Pinia stores in Vue 3 applications.
sensitive-browser
by napoleond/sensitive-browser
Execute sensitive browser actions securely by delegating credential handling, payments, and form filling to a dedicated subprocess with isolated context.
todoist-api
by intellectronica/agent-skills
This skill provides procedural guidance for working with Todoist using the td CLI tool.
discovery-process
by deanpeters/product-manager-skills
Guide product managers through a complete discovery cycle—from initial problem hypothesis to validated solution—by orchestrating problem framing, customer interviews, synthesis, and experimentation skills into a structured process. Use this to systematically explore problem spaces, validate assumptions, and build...
flutter-animating-apps
by flutter/skills
Manage Flutter animations using the core typed Animation system. Do not manually calculate frames; rely on the framework's ticker and interpolation classes.
image-gen
by jezweb/claude-skills
Generate and edit website images using Gemini Native Image Generation.
feishu-lark
by openclaudia/openclaudia-skills
Source details, install context, and public review data are available on the full page.
flutter-architecting-apps
by flutter/skills
Source details, install context, and public review data are available on the full page.
ai-pdf-filler-cli
by askyourpdf/ai-pdf-filler
Execute PDF autofill workflows using the installed simplicity-cli command. Prefer direct command execution over manual API calls when this skill applies.
cloudflare-turnstile
by jezweb/claude-skills
Status : Production Ready ✅ Last Updated : 2026-01-21 Dependencies : None (optional: @marsidev/react-turnstile for React) Latest Versions : @marsidev/react-turnstile@1.4.1, turnstile-types@1.2.3