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
ai-product-photography
by inference-shell/skills
Generate professional product photography via inference.sh CLI.
google-gemini-embeddings
by jezweb/claude-skills
Complete production-ready guide for Google Gemini embeddings API
icon-set-generator
by jezweb/claude-skills
Generate custom, visually consistent SVG icon sets tailored to specific projects. Each set is built from a shared style specification so every icon looks like it belongs with the others — same stroke weight, same corner treatment, same visual density.
image-upscaling
by inference-shell/skills
Upscale and enhance images via inference.sh CLI.
skill-writer
by pytorch/pytorch
This Skill helps you create well-structured Agent Skills for Claude Code that follow best practices and validation requirements.
tinybird
by tinybirdco/tinybird-agent-skills
Guidance for Tinybird file formats, SQL rules, optimization patterns, and data modeling. Use this skill when creating or editing Tinybird datafiles.
excel-cli
by sbroenne/mcp-server-excel
10+ commands? Use excelcli -q batch --input commands.json — sends all commands in one process with automatic session management. See Rule 8.
roadmap-management
by anthropics/knowledge-work-plugins
Source details, install context, and public review data are available on the full page.
scrapy-web-scraping
by mindrally/skills
Source details, install context, and public review data are available on the full page.
ux-heuristics
by wondelai/skills
Practical usability principles for evaluating and improving user interfaces. Based on a fundamental truth: users don't read, they scan. They don't make optimal choices, they satisfice. They don't figure out how things work, they muddle through.
web-haptics
by lochie/web-haptics
Source details, install context, and public review data are available on the full page.
spring-boot-openapi-documentation
by giuseppe-trisciuoglio/developer-kit
SpringDoc OpenAPI is a library that automates the generation of OpenAPI 3.0 documentation for Spring Boot projects. It provides a Swagger UI web interface for exploring and testing APIs without writing additional configuration. This skill provides comprehensive patterns for integrating SpringDoc into Spring Boot 3.x...
top-design
by wondelai/skills
Create websites and applications at the level of world-class digital agencies. This skill embodies the craft of studios that consistently win FWA, Awwwards, CSS Design Awards, and Webby Awards.
transaction-correctness
by tursodatabase/turso
Turso uses WAL (Write-Ahead Logging) mode exclusively.
typescript-mcp
by jezweb/claude-skills
Last Updated : 2026-01-21 Versions : @modelcontextprotocol/sdk@1.25.3, hono@4.11.3, zod@4.3.5 Spec Version : 2025-11-25
remotion-video
by wshuyi/remotion-video-skill
Source details, install context, and public review data are available on the full page.
speech
by openai/skills
Generate spoken audio for the current project (narration, product demo voiceover, IVR prompts, accessibility reads). Defaults to gpt-4o-mini-tts-2025-12-15 and built-in voices, and prefers the bundled CLI for deterministic, reproducible runs.
email-design
by inference-shell/skills
Design high-converting marketing emails with AI-generated visuals via inference.sh CLI.
financial-statements
by anthropics/knowledge-work-plugins
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
flutter-managing-state
by flutter/skills
Flutter's UI is declarative; it is built to reflect the current state of the app ( UI = f(state) ). When state changes, trigger a rebuild of the UI that depends on that state.
hono-api-scaffolder
by jezweb/claude-skills
Add structured API routes to an existing Cloudflare Workers project. This skill runs AFTER the project shell exists (via cloudflare-worker-builder or vite-flare-starter) and produces route files, middleware, and endpoint documentation.
mastering-typescript
by spillwavesolutions/mastering-typescript-skill
Build enterprise-grade, type-safe applications with TypeScript 5.9+.
qiaomu-design-advisor
by joeseesun/qiaomu-design-advisor
Source details, install context, and public review data are available on the full page.
skill-scanner
by getsentry/skills
Scan agent skills for security issues before adoption. Detects prompt injection, malicious code, excessive permissions, secret exposure, and supply chain risks.