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
working-backwards
by refoundai/lenny-skills
Help the user apply the working backwards methodology using frameworks and insights from 12 product leaders.
react-vite-best-practices
by asyrafhussin/agent-skills
Comprehensive performance optimization guide for React applications built with Vite. Contains 40+ rules across 8 categories, prioritized by impact to guide code generation and refactoring.
refactoring-ui
by wondelai/skills
A practical, opinionated approach to UI design. Apply these principles when generating frontend code, reviewing designs, or advising on visual improvements.
shipping-products
by refoundai/lenny-skills
Help the user ship products effectively using frameworks and insights from 47 product leaders.
writing-job-descriptions
by refoundai/lenny-skills
Help the user write effective job descriptions using frameworks and insights from 6 product leaders.
m11-ecosystem
by zhanghandong/rust-skills
! grep -A 100 '^\[dependencies\]' Cargo.toml 2>/dev/null | head -30 || echo "No Cargo.toml found"
travel-planner
by ailabs-393/ai-labs-claude-skills
This skill transforms Claude into a comprehensive travel planning assistant that maintains your travel preferences and generates detailed, personalized trip plans including itineraries, budget breakdowns, packing lists, and cultural guidelines for any destination.
managing-tech-debt
by refoundai/lenny-skills
Help the user manage technical debt strategically using insights from 18 product leaders.
product-operations
by refoundai/lenny-skills
Help the user build and scale product operations functions using frameworks from 5 product leaders.
cross-functional-collaboration
by refoundai/lenny-skills
Help the user work effectively across functions using frameworks from 57 product leaders who have built high-performing cross-functional teams at companies from Linear to Airbnb.
integrate-whatsapp
by gokapso/agent-skills
Source details, install context, and public review data are available on the full page.
livekit-agents
by livekit/agent-skills
This skill provides opinionated guidance for building voice AI agents with LiveKit Cloud. It assumes you are using LiveKit Cloud (the recommended path) and encodes how to approach agent development, not API specifics. All factual information about APIs, methods, and configurations must come from live documentation.
presentation-design
by jwynia/agent-skills
Design and evaluate presentations that communicate effectively. Provides frameworks for planning, visual design, cognitive load management, and evaluation. Applicable to any presentation tool (reveal.js, PowerPoint, Keynote, Google Slides).
rust-router
by zhanghandong/rust-skills
Version: 2.0.0 | Last Updated: 2025-01-22
scoping-cutting
by refoundai/lenny-skills
Help the user scope projects and cut features effectively using frameworks from 15 product leaders.
whisper
by davila7/claude-code-templates
OpenAI's multilingual speech recognition model.
coaching-pms
by refoundai/lenny-skills
Help the user develop and coach product managers using frameworks from 3 product leaders who have scaled PM organizations at top companies.
m14-mental-model
by zhanghandong/rust-skills
Source details, install context, and public review data are available on the full page.
organizational-design
by refoundai/lenny-skills
Help the user design effective organizational structures using frameworks from 2 product leaders.
frontend-slides
by affaan-m/everything-claude-code
Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.
game-design-theory
by pluginagentmarketplace/custom-plugin-game-developer
Use this skill : When designing game systems, understanding player psychology, or balancing gameplay.
okx-cex-trade
by okx/agent-skills
Spot, perpetual swap, delivery futures, and options order management on OKX exchange. Place, cancel, amend, and monitor orders; query option chains and Greeks; set take-profit/stop-loss and trailing stops; manage leverage and positions. Requires API credentials.
article-writing
by affaan-m/everything-claude-code
Write long-form content that sounds like a real person or brand, not generic AI output.
aws-serverless
by sickn33/antigravity-awesome-skills
Proper Lambda function structure with error handling