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 / 83
Results: 83
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 · 1No visual example yet
Explore the skillanthropics
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
No 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 skillemilkowalski
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/…
No 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 skillanthropics
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
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 skillEverettFish
Turn a description or reference image into an editable Blender holographic card and an interactive Three.js website.
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 skilladdyosmani
Guides systematic root-cause debugging. Use when tests fail, builds break, behavior doesn't match expectations, or you encounter any unexpected error. Use when you need…
No visual example yet
Explore the skillcalesthio
Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any…
No visual example yet
Explore the skillmuratcankoylan
This skill should be used when designing multi-agent systems that need context isolation, supervisor or swarm coordination, explicit handoffs, parallel execution, or a d…
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 skillanthropics
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
Alisa0808
Turn one topic into a narrated Vox-style paper-collage explainer or ad video, from script through captions.
View examples · 3