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
list-npm-package-content
by vercel/ai
This skill lists the exact contents of an npm package tarball - the same files that would be uploaded to npm and downloaded by users.
annotating-task-lineage
by astronomer/agents
This skill guides you through adding manual lineage annotations to Airflow tasks using inlets and outlets .
openai-responses
by jezweb/claude-skills
Status : Production Ready Last Updated : 2026-01-21 API Launch : March 2025 Dependencies : openai@6.16.0 (Node.js) or fetch API (Cloudflare Workers)
posthog-instrumentation
by posthog/posthog-for-claude
Help users add PostHog analytics, event tracking, and feature flags to their code.
ppt-visual
by claude-office-skills/skills
I help you design visually impactful presentation slides. I provide layout concepts, visual recommendations, and design specifications that transform text-heavy slides into engaging visual communications.
voice-ai-development
by sickn33/antigravity-awesome-skills
Source details, install context, and public review data are available on the full page.
coder
by starchild-ai-agent/official-skills
You write code that works. Not templates. Not placeholders. Working code, tested and proven.
flutter-theming-apps
by flutter/skills
Flutter applies styling in a strict hierarchy: styles applied to the specific widget -> themes that override the immediate parent theme -> the main app theme.
og-image-design
by inference-shell/skills
Create social sharing images (Open Graph) via inference.sh CLI.
ai-voice-cloning
by inference-shell/skills
Generate natural AI voices via inference.sh CLI.
axiom-vision
by charleswiltgen/axiom
Guides you through implementing computer vision: subject segmentation, hand/body pose detection, person detection, text recognition, barcode detection, document scanning, and combining Vision APIs to solve complex problems.
latex-paper-en
by bahayonghang/academic-writing-skills
Use this skill for targeted work on an existing English LaTeX paper project. Keep the workflow low-friction: identify the right module, run the smallest useful check, and return actionable comments in LaTeX-friendly review format.
modal
by lobehub/lobehub
Use createModal from @lobehub/ui for imperative modal dialogs.
browser-preview
by starchild-ai-agent/official-skills
You already know preview_serve and preview_stop . This skill fills the gap: what happens after preview_serve returns a URL — how the user actually sees it.
design-motion-principles
by kylezantos/design-motion-principles
Source details, install context, and public review data are available on the full page.
devops-iac-engineer
by davila7/claude-code-templates
This Skill helps DevOps teams design, implement, and maintain cloud infrastructure using Infrastructure as Code principles. Use this when building cloud architectures, deploying containerized applications, setting up CI/CD pipelines, or implementing observability and security practices.
ppt-generation
by bytedance/deer-flow
This skill generates professional PowerPoint presentations by creating AI-generated images for each slide and composing them into a PPTX file. The workflow includes planning the presentation structure with a consistent visual style, generating slide images sequentially (using the previous slide as a reference for...
shadcn-vue
by noartem/laravel-vue-skills
Source details, install context, and public review data are available on the full page.
spring-data-jpa
by giuseppe-trisciuoglio/developer-kit
To implement persistence layers with Spring Data JPA, create repository interfaces that provide automatic CRUD operations, entity relationships, query methods, and advanced features like pagination, auditing, and performance optimization.
ui-mobile
by alinaqi/claude-bootstrap
Source details, install context, and public review data are available on the full page.
ClawdStrike
by cantinaxyz/clawdstrike
Audit an OpenClaw deployment for misconfigurations and real-world attack paths. Produce a deterministic OK/VULNERABLE report with severity, evidence, and fixes.
email-gateway
by jezweb/claude-skills
Status : Production Ready ✅ Last Updated : 2026-01-10 Providers : Resend, SendGrid, Mailgun, SMTP2Go
excalidraw
by davila7/claude-code-templates
Core principle: Main agents NEVER read Excalidraw files directly. Always delegate to subagents to isolate context consumption.
nodejs-backend-typescript
by bobmatnyc/claude-mpm-skills
tsconfig.json (strict mode recommended):