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
shopify-setup
by jezweb/claude-skills
Set up working Shopify CLI authentication and Admin API access for a store. Produces a verified API connection ready for product and content management.
wacli
by steipete/clawdis
Use wacli only when the user explicitly asks you to message someone else on WhatsApp or when they ask to sync/search WhatsApp history. Do NOT use wacli for normal user chats; OpenClaw routes WhatsApp conversations automatically. If the user is chatting with you on WhatsApp, you should not reach for this tool unless...
agent-native-architecture
by everyinc/compound-engineering-plugin
Source details, install context, and public review data are available on the full page.
avalonia-layout-zafiro
by sickn33/antigravity-awesome-skills
Master modern, clean, and maintainable Avalonia UI layouts. Focus on semantic containers, shared styles, and minimal XAML.
explore-recipes
by signerlabs/shipswift-skills
Browse the full catalog of ShipSwift recipes -- production-ready SwiftUI implementations covering animations, charts, UI components, and full-stack modules.
gemini-image-gen
by jezweb/claude-skills
Generate contextual images for web projects using the Gemini API. Produces hero backgrounds, OG cards, placeholder photos, textures, and style-matched variants.
go-naming
by cxuu/golang-skills
Normative : Core naming rules (MixedCaps, no underscores) are required per Google's canonical Go style guide. Advisory guidance provides best practices for clarity and maintainability.
grepai-installation
by yoanbernabeu/grepai-skills
This skill covers all methods to install GrepAI on any platform.
grepai-mcp-claude
by yoanbernabeu/grepai-skills
This skill covers integrating GrepAI with Claude Code using the Model Context Protocol (MCP).
hugging-face-evaluation
by huggingface/skills
This skill provides tools to add structured evaluation results to Hugging Face model cards. It supports multiple methods for adding evaluation data:
python
by siviter-xyz/dot-agent
Standards and best practices for Python development. Follow these guidelines when writing or modifying Python code.
python-code-review
by existential-birds/beagle
Source details, install context, and public review data are available on the full page.
security-audit
by sickn33/antigravity-awesome-skills
Comprehensive security auditing workflow for web applications, APIs, and infrastructure. This bundle orchestrates skills for penetration testing, vulnerability assessment, security scanning, and remediation.
shopify-content
by jezweb/claude-skills
Create and manage Shopify store content — pages, blog posts, navigation menus, and SEO metadata. Produces live content in the store via the Admin API or browser automation.
ai-multimodal
by mrgoonie/claudekit-skills
Process audio, images, videos, documents, and generate images using Google Gemini's multimodal API. Unified interface for all multimedia content understanding and generation.
alicloud-data-analytics-dataanalysisgbi
by cinience/alicloud-skills
Source details, install context, and public review data are available on the full page.
blockchain-developer
by sickn33/antigravity-awesome-skills
Source details, install context, and public review data are available on the full page.
cartography
by alvinunreal/oh-my-opencode-slim
You help users understand and map repositories by creating hierarchical codemaps.
filesystem-context
by guanyang/antigravity-skills
The filesystem provides a single interface through which agents can flexibly store, retrieve, and update an effectively unlimited amount of context. This pattern addresses the fundamental constraint that context windows are limited while tasks often require more information than fits in a single window.
huggingface-accelerate
by davila7/claude-code-templates
Accelerate simplifies distributed training to 4 lines of code.
meeting-briefing
by anthropics/knowledge-work-plugins
Source details, install context, and public review data are available on the full page.
optimized-nextjs-typescript
by mindrally/skills
Source details, install context, and public review data are available on the full page.
pyautogui-automation
by steelan9199/wechat-publisher
Source details, install context, and public review data are available on the full page.
sentry-nextjs-sdk
by getsentry/sentry-for-ai
Source details, install context, and public review data are available on the full page.