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
radix-ui-design-system
by sickn33/antigravity-awesome-skills
Build production-ready, accessible design systems using Radix UI primitives with full customization control and zero style opinions.
technical-specification
by aj-geddes/useful-ai-prompts
Create comprehensive technical specifications that define system requirements, architecture, implementation details, and acceptance criteria for software projects.
cypress
by bobmatnyc/claude-mpm-skills
Cypress runs browser automation with first-class network control, time-travel debugging, and a strong local dev workflow. Use it for critical path E2E tests and for component tests when browser-level rendering matters.
file-test-bug
by microsoft/github-copilot-for-azure
Creates a GitHub issue in microsoft/github-copilot-for-azure for integration test failures.
graphic-designer
by thepexcel/agent-skills
Create effective visual communication through research-backed design principles.
quickstart
by boshu2/agentops
One job: Tell a new user what AgentOps does and what to do first. Fast.
wordpress-content
by jezweb/claude-skills
Create, update, and manage WordPress content — posts, pages, media, categories, tags, and menus. Produces live content on the site via WP-CLI or the REST API.
codebase-cleanup-refactor-clean
by sickn33/antigravity-awesome-skills
Source details, install context, and public review data are available on the full page.
deep-productivity
by hexbee/hello-skills
Transform your life with just 1 hour/day of focused building work. This skill applies the three types of work framework—Building, Maintenance, and Recovery—to help you create meaningful progress toward your goals.
ecommerce-platform-specialist
by qodex-ai/ai-agent-skills
Provide comprehensive, accurate guidance for building on Shopify's platform based on 24+ official documentation files. Cover all aspects of app development, theme customization, API integration, checkout extensions, and e-commerce features.
r3f-physics
by enzed/r3f-skills
The root component that creates the physics world.
test-writer
by leonardomso/33-js-concepts
Use this skill to generate comprehensive Vitest tests for all code examples in a concept documentation page. Tests verify that code examples in the documentation are accurate and work as described.
wp-abilities-api
by wordpress/agent-skills
Source details, install context, and public review data are available on the full page.
1password
by steipete/agent-scripts
Follow the official CLI get-started steps. Don't guess install commands.
create-call
by vapiai/skills
Initiate outbound phone calls, web calls, and batch calls using Vapi's API. Connect your voice assistants to real phone numbers and test them programmatically.
create-tool
by vapiai/skills
Create tools that give voice assistants the ability to take actions during calls — look up data, book appointments, transfer calls, send messages, and more.
director-readiness-advisor
by deanpeters/product-manager-skills
Guide PMs and Directors through the specific challenges of the PM-to-Director transition using adaptive questions and targeted coaching. Diagnoses where you are in the journey and delivers practical, war-story-backed guidance calibrated to your situation — not generic leadership advice.
mapbox-cartography
by mapbox/mapbox-agent-skills
This skill provides expert cartographic knowledge to help you design effective, beautiful, and functional maps using Mapbox.
marketing-visual-design
by vasilyu1983/ai-agents-public
Production-ready patterns for marketing visual asset creation.
r3f-animation
by enzed/r3f-skills
The core animation hook in R3F. Runs every frame.
senior-mobile
by borghei/claude-skills
Expert mobile application development across iOS, Android, React Native, and Flutter.
supabase
by alinaqi/claude-bootstrap
Load with: base.md + [supabase-nextjs.md | supabase-python.md | supabase-node.md]
trace
by boshu2/agentops
Quick Ref: Trace design decisions through CASS sessions, handoffs, git, and artifacts. Output: .agents/research/YYYY-MM-DD-trace-*.md
wp-playground
by wordpress/agent-skills
Source details, install context, and public review data are available on the full page.