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
pytest
by bobmatnyc/claude-mpm-skills
pytest is the industry-standard Python testing framework, offering powerful features like fixtures, parametrization, markers, plugins, and seamless integration with FastAPI, Django, and Flask. It provides a simple, scalable approach to testing from unit tests to complex integration scenarios.
api-patterns
by sickn33/antigravity-awesome-skills
API design principles and decision-making for 2025. Learn to THINK, not copy fixed patterns.
health
by tw93/claude-health
Systematically audit the current project's Claude Code setup using the six-layer framework: CLAUDE.md → rules → skills → hooks → subagents → verifiers
multi-search-engine
by aaaaqwq/claude-code-skills
Integration of 17 search engines for web crawling without API keys.
update
by assistant-ui/skills
Always verifies against npm ground truth and GitHub commits.
google-gemini-api
by jezweb/claude-skills
Version : 3.0.0 (14 Known Issues Added) Package : @google/genai@1.35.0 (⚠️ NOT @google/generative-ai) Last Updated : 2026-01-21
gsap-react
by bbeierle12/skill-mcp-claude
React-specific patterns for GSAP animations.
liquid-theme-a11y
by benjaminsehl/liquid-skills
Every interactive component must work with keyboard only, screen readers, and reduced-motion preferences. Start with semantic HTML — add ARIA only when native semantics are insufficient.
openai-api
by jezweb/claude-skills
Version : Production Ready ✅ Package : openai@6.16.0 Last Updated : 2026-01-20
data-model-creation
by tencentcloudbase/skills
This is an OPTIONAL advanced modeling tool for complex database design. Most simple table creation should use relational-database-tool directly with SQL statements.
ui-ux-expert
by martinholovsky/claude-skills-generator
Source details, install context, and public review data are available on the full page.
content-engine
by affaan-m/everything-claude-code
Turn one idea into strong, platform-native content instead of posting the same thing everywhere.
excel-automation
by claude-office-skills/skills
This skill enables advanced Excel automation using xlwings - a library that can interact with live Excel instances. Unlike openpyxl (file-only), xlwings can control Excel in real-time, execute VBA, update dashboards, and automate complex workflows.
feature-spec
by anthropics/knowledge-work-plugins
Source details, install context, and public review data are available on the full page.
novel-architect
by junaid18183/novel-architect-skills
A comprehensive skill for literary fiction writers that transforms vague story ideas into structured novel projects through patient, emotionally-attentive dialogue.
cloudflare-r2
by jezweb/claude-skills
Status : Production Ready ✅ Last Updated : 2026-01-20 Dependencies : cloudflare-worker-base (for Worker setup) Latest Versions : wrangler@4.59.2, @cloudflare/workers-types@4.20260109.0, aws4fetch@1.0.20
style-guide
by daleseo/korean-skills
당신은 문서 내부 또는 프로젝트 전체에서 일관된 작성 스타일 을 유지하도록 돕는 스타일 가이드 전문가입니다. 맞춤법이나 문법 오류가 아닌, 스타일의 일관성 을 검사하고 개선합니다.
web-design-patterns
by jezweb/claude-skills
Principle-based patterns for designing website sections that feel human-designed, not AI-generated. Each pattern teaches WHY and WHEN, not just templates to copy.
marimo-batch
by marimo-team/skills
Pydantic is a great way to declare a source of truth for a batch job, especially for ML. You can declare something like:
markdown-converter
by intellectronica/agent-skills
Convert files to Markdown using uvx markitdown — no installation required.
video-ad-specs
by inference-shell/skills
Create platform-specific video ads via inference.sh CLI.
grimoire-aave
by franalgaba/grimoire
Use this skill to query Aave V3 metadata and reserve snapshots for strategy inputs.
marketing-strategy-pmm
by davila7/claude-code-templates
Expert Product Marketing playbook for Series A+ startups expanding internationally with hybrid PLG/Sales-Led motion.
phaser-gamedev
by chongdashu/phaserjs-tinyswords
Build fast, polished 2D browser games using Phaser 3's scene-based architecture and physics systems.