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 / 37
Results: 37
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 skilltt-a1i
Any agent Skill: generate beautiful architecture diagrams with dark/light theme toggle and PNG/JPEG/WebP/SVG export
No visual example yet
Explore the skillemilkowalski
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
No visual example yet
Explore the skillemilkowalski
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
No visual example yet
Explore the skillsparklabx
Teach your AI to draw correct, beautiful draw.io diagrams — declarative layout engine, ground-truth stencils, structural validator, vision self-check. AWS · Azure · GCP…
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 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
yanliudesign
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user…
View examples · 1No visual example yet
Explore the skillvercel-labs
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.