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.
Find a skill for your next task. Preview examples where available.
1–16 / 17
Results: 17
No visual example yet
Explore the skillanthropics
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
No visual example yet
Explore the skillopenai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

Leonxlnx
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
View examples · 1No visual example yet
Explore the skillvercel-labs
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
No visual example yet
Explore the skillgoogle-labs-code
A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.
No visual example yet
Explore the skillfrappe
Craft beautiful websites effortlessly with an intuitive visual builder and publish them instantly
No visual example yet
Explore the skillMengTo
Agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents
No visual example yet
Explore the skillJimLiu
Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without cla…
No visual example yet
Explore the skillzanwei
Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.
No visual example yet
Explore the skillthedotmack
Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redes…
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 skillKanaries
PyGWalker: Turn your dataframe into an interactive UI for visual analysis
No visual example yet
Explore the skillanthropics
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
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 skillopenai
Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.
No visual example yet
Explore the skillmatt1398
The missing DevTools for Claude Code — inspect session logs, tool calls, token usage, subagents, and context window in a visual UI. Free, open source.