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
python-backend
by jiatastic/open-python-skills
Production-ready Python backend patterns for FastAPI, SQLAlchemy, and Upstash.
shopify-liquid-themes
by benjaminsehl/liquid-skills
Comparison: == , != , > , = , <= Logical: and , or , contains
content-hash-cache-pattern
by affaan-m/everything-claude-code
Cache expensive file processing results (PDF parsing, text extraction, image analysis) using SHA-256 content hashes as cache keys. Unlike path-based caching, this approach survives file moves/renames and auto-invalidates when content changes.
asc-localize-metadata
by rudrankriyam/app-store-connect-cli-skills
Use this skill to pull English (or any source locale) App Store metadata, translate it with LLM, and push translations back to App Store Connect — all automated.
writing-specs-designs
by refoundai/lenny-skills
Help the user write effective specs and design documents using frameworks and insights from 7 product leaders.
trigger-agents
by triggerdotdev/skills
Build production-ready AI agents using Trigger.dev's durable execution.
ux-researcher-designer
by davila7/claude-code-templates
Comprehensive toolkit for user-centered research and experience design.
exploratory-data-analysis
by davila7/claude-code-templates
Perform comprehensive exploratory data analysis (EDA) on scientific data files across multiple domains. This skill provides automated file type detection, format-specific analysis, data quality assessment, and generates detailed markdown reports suitable for documentation and downstream analysis planning.
animation-designer
by daffy0208/ai-dev-standards
I help you create smooth, professional animations for web applications using Framer Motion and CSS.
recipe-audit-external-sharing
by googleworkspace/cli
PREREQUISITE: Load the following skills to execute this recipe: gws-drive
redis-development
by redis/agent-skills
Comprehensive performance optimization guide for Redis, including Redis Query Engine, vector search, and semantic caching. Contains 29 rules across 11 categories, prioritized by impact to guide automated optimization and code generation.
ui-design
by tencentcloudbase/skills
Source details, install context, and public review data are available on the full page.
faster-whisper
by theplasmak/faster-whisper
Local speech-to-text using faster-whisper — a CTranslate2 reimplementation of OpenAI's Whisper that runs 4-6x faster with identical accuracy. With GPU acceleration, expect ~20x realtime transcription (a 10-minute audio file in ~30 seconds).
mongodb
by hoodini/ai-agents-skills
Build and query MongoDB databases with best practices.
regex-vs-llm-structured-text
by affaan-m/everything-claude-code
A practical decision framework for parsing structured text (quizzes, forms, invoices, documents). The key insight: regex handles 95-98% of cases cheaply and deterministically. Reserve expensive LLM calls for the remaining edge cases.
test
by facebook/react
Source details, install context, and public review data are available on the full page.
inngest
by sickn33/antigravity-awesome-skills
Source details, install context, and public review data are available on the full page.
swift-testing-pro
by twostraws/swift-testing-agent-skill
Write and review Swift Testing code for correctness, modern API usage, and adherence to project conventions. Report only genuine problems - do not nitpick or invent issues.
gws-groupssettings
by googleworkspace/cli
PREREQUISITE: Read ../gws-shared/SKILL.md for auth, global flags, and security rules. If missing, run gws generate-skills to create it.
novel-writer-workflow-guide
by wordflowlab/novel-writer-skills
Source details, install context, and public review data are available on the full page.
problem-definition
by refoundai/lenny-skills
Help the user define problems clearly before jumping to solutions using frameworks from 91 product leaders.
design-systems
by refoundai/lenny-skills
Help the user build and scale design systems using frameworks from 4 product leaders who have built design systems at companies like Figma and Airbnb.
nestjs
by giuseppe-trisciuoglio/developer-kit
This skill provides comprehensive guidance for building NestJS applications with TypeScript, including integration with Drizzle ORM for database operations. It covers all major aspects of NestJS development from basic module structure to advanced patterns like microservices and GraphQL.
recipe-deploy-apps-script
by googleworkspace/cli
PREREQUISITE: Load the following skills to execute this recipe: gws-apps-script