Frontend Design
anthropics
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
179.8KGitHub
OPENAGENTSKILL / DIRECTORY
AI Agent Skills
Find a skill for your next task. Explore tools for Codex, Claude Code, Cursor and more.
Find a skill for your next task. Preview examples where available.
All skills
1–16 / 240
Results: 240
Taste Skill: Anti-Slop Frontend
Leonxlnx
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
View examples · 192.9KGitHub
Figma Implement Design
openai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
27.9KGitHub
Frontend Slides
zarazhangrui
Create beautiful slides on the web using a coding agent's frontend skills
View examples · 3428.8KGitHub
Code Review Skill
awesome-skills
A comprehensive code review skill for Claude Code, covering React 19, Vue 3, Rust, TypeScript, TanStack Query v5, and more.
1.9KGitHub
Pinme
glitternetwork
Deploy Your Frontend in a Single Command. Claude Code Skills supported.
3.7KGitHub
backend-patterns
affaan-m
Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes. Use when building or revie…
252.3KGitHub
framer-motion
calesthio
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
55.5KGitHub
narrow-react-prop-types
humanlayer
narrow React component prop types to match live code paths
3.1KGitHub
chatgpt-app-builder
Shubhamsaboo
DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-…
135.6KGitHub
frontend-ui-engineering
addyosmani
Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meetin…
91.4KGitHub
Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when the user wants to enable, adopt, or migrate to Cache Components, flip the…
142.8KGitHub
gh-pr-review
CherryHQ
Automated Cherry Studio review for local branches, PRs, commits, files, architecture docs, and repository skills. Use for code or documentation reviews that need project…
51.1KGitHub
vercel-react-view-transitions
vercel-labs
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition ps…
30.7KGitHub
competition-bundle-sourcemap-recovery
zhaoxuya520
Internal downstream skill for ctf-sandbox-orchestrator. CTF-sandbox workflow for source maps, build manifests, chunk registries, emitted bundles, obfuscated loader flow,…
33.7KGitHub
design-taste-frontend
simstudioai
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not loo…
29.5KGitHub
Explore by task
Frontend and UI skills →
Design direction, Figma implementation, UI review, React performance, browser QA, and safe preview deployments.
Coding agent skills →
Code review, repo inspection, testing, planning, shipping, and engineering workflows for coding agents.
Research and RAG skills →
Research, recent-events briefings, PDF parsing, markdown conversion, RAG ingestion, and knowledge workflows.
Finance and trading skills →
Stock analysis, market research, quant backtesting, financial data, and investment research skills.
Web scraping skills →
Crawling, scraping, extraction, browser automation, structured data capture, and website-to-markdown workflows.
PPT and presentation skills →
Presentation generation, editable PPTX, slide decks, speaker notes, and visual storytelling workflows.
Video creation skills →
Video-generation prompts, B-roll, Vox-style explainers, camera direction, captions, and creative-production workflows.
Design and creative skills →
Image, video, creative production, UI design, multimodal generation, and visual workflow skills.