No visual example yet
Explore the skillFrontend Design
anthropics
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
OPENAGENTSKILL / DIRECTORY
Find a skill for your next task. Explore tools for Codex, Claude Code, Cursor and more.
244 Skills
Results: 244
No visual example yet
Explore the skillanthropics
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Leonxlnx
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
View examples · 1
zarazhangrui
Create beautiful slides on the web using a coding agent's frontend skills
View examples · 34No visual example yet
Explore the skillopenai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
No visual example yet
Explore the skilladdyosmani
Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meetin…
No visual example yet
Explore the skillCherryHQ
Automated Cherry Studio review for local branches, PRs, commits, files, architecture docs, and repository skills. Use for code or documentation reviews that need project…
No visual example yet
Explore the skillvercel-labs
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition ps…
No visual example yet
Explore the skillMengTo
Profile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAn…
No visual example yet
Explore the skilliflytek
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices tha…
No visual example yet
Explore the skilltech-leads-club
AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code. Collects visual references, design toke…
No visual example yet
Explore the skillArcReel
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices tha…
No visual example yet
Explore the skilldotnet
Build forms, validate data, and react to user input in Blazor. USE FOR adding forms, search boxes, filter panels, inline editing, data-entry UI, file uploads, validation…
No visual example yet
Explore the skillmui
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
No visual example yet
Explore the skillvercel-labs
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
No visual example yet
Explore the skillDokploy
Open Source Alternative to Vercel, Netlify and Heroku.
No visual example yet
Explore the skillLeonxlnx
Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop
Design direction, Figma implementation, UI review, React performance, browser QA, and safe preview deployments.
Code review, repo inspection, testing, planning, shipping, and engineering workflows for coding agents.
Research, recent-events briefings, PDF parsing, markdown conversion, RAG ingestion, and knowledge workflows.
Stock analysis, market research, quant backtesting, financial data, and investment research skills.
Crawling, scraping, extraction, browser automation, structured data capture, and website-to-markdown workflows.
Presentation generation, editable PPTX, slide decks, speaker notes, and visual storytelling workflows.
Choose React motion graphics, generated footage or editing; compare dependencies and inspect actual outputs.
Image, video, creative production, UI design, multimodal generation, and visual workflow skills.