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
notion-meeting-intelligence
by openai/skills
Prep meetings by pulling Notion context, tailoring agendas/pre-reads, and enriching with Codex research.
skill-forge
by sanyuan0704/sanyuan-skills
IRON LAW: Every line in a skill must justify its token cost. If it doesn't make the model's output better, more consistent, or more reliable — cut it.
valyu-best-practices
by valyuai/skills
This skill provides instructions for using the Valyu API to perform search, content extraction, AI-powered answers, and deep research tasks.
aesthetic
by mrgoonie/claudekit-skills
Create aesthetically beautiful interfaces by following proven design principles and systematic workflows.
altitude-horizon-framework
by deanpeters/product-manager-skills
Defines the two-axis mental model that distinguishes Director-level thinking from PM thinking: Altitude (how wide you zoom out) and Horizon (how far ahead you look). Use this to understand what actually changes in the transition, diagnose which transition zone is creating friction, and apply the Cascading Context Map...
jest-typescript
by bobmatnyc/claude-mpm-skills
Jest is the industry-standard testing framework with 70% market share, providing a mature, battle-tested ecosystem for TypeScript projects. It offers comprehensive testing capabilities with built-in snapshot testing, mocking, and coverage reporting.
let-fate-decide
by trailofbits/skills
When the path forward is unclear, let the cards speak.
seatbelt-sandboxer
by trailofbits/skills
Generate minimally-permissioned allowlist-based Seatbelt sandbox configurations for applications.
svelte-runes
by spences10/svelte-skills-kit
Which rune? Props: $props() | Bindable: $bindable() | Computed: $derived() | Side effect: $effect() | State: $state()
zeroize-audit
by trailofbits/skills
Detect missing zeroization of sensitive data in source code and identify zeroization that is removed or weakened by compiler optimizations (e.g., dead-store elimination), with mandatory LLVM IR/asm evidence. Capabilities include:
plaid-fintech
by sickn33/antigravity-awesome-skills
Create a link_token for Plaid Link, exchange public_token for access_token. Link tokens are short-lived, one-time use. Access tokens don't expire but may need updating when users change passwords.
problem-solving
by mrgoonie/claudekit-skills
A collection of techniques for breaking through stuck points and finding elegant solutions.
qa-expert
by daymade/claude-code-skills
Establish world-class QA testing processes for any software project using proven methodologies from Google Testing Standards and OWASP security best practices.
screenshot-feature-extractor
by davila7/claude-code-templates
Extract product features from UI screenshots using a coordinated multi-agent analysis pipeline.
vp-cpo-readiness-advisor
by deanpeters/product-manager-skills
Guide Directors and senior product leaders through the specific challenges of the transition to VP or CPO using adaptive questions and targeted coaching. Diagnoses where you are in the journey and delivers practical, lived-experience coaching calibrated to your situation — not generic executive advice.
hono-cloudflare
by bobmatnyc/claude-mpm-skills
Hono was originally built for Cloudflare Workers and provides first-class support for the entire Cloudflare ecosystem including KV, D1, R2, Durable Objects, Queues, and more.
rpi
by boshu2/agentops
Quick Ref: One command, full lifecycle. /discovery → /crank → /validation . Thin wrapper that delegates to phase orchestrators.
v4-security-foundations
by uniswap/uniswap-ai
Security-first guide for building Uniswap v4 hooks. Hook vulnerabilities can drain user funds—understand these concepts before writing any hook code.
video-translate
by heygen-com/skills
Translate and dub existing videos into multiple languages, preserving lip-sync and natural speech patterns. Provide a video URL or HeyGen video ID — no need to create the video on HeyGen first.
webhook-integration
by dodopayments/skills
Reference: docs.dodopayments.com/developer-resources/webhooks
context-engineering
by mrgoonie/claudekit-skills
Context engineering curates the smallest high-signal token set for LLM tasks. The goal: maximize reasoning quality while minimizing token usage.
football-data
by machina-sports/sports-skills
Before writing queries, consult references/api-reference.md for endpoints, ID conventions, and data shapes.
implement
by boshu2/agentops
Quick Ref: Execute single issue end-to-end. Output: code changes + commit + closed issue.
memory-setup
by sundial-org/awesome-openclaw-skills
Transform your agent from goldfish to elephant. This skill helps configure persistent memory for Moltbot/Clawdbot.