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.
105 Skills
Results: 105
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 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 skillEverettFish
Turn a description or reference image into an editable Blender holographic card and an interactive Three.js website.

OpenDesign renewal + seat-expansion business case for a growing customer: realized value, usage proof, and the expansion ROI. Built as a decision-grade B2B sales deck fo…
View previews · 3No visual example yet
Explore the skillmagnitudedev
Formulate clear semantic abstractions from desired behavior before committing to implementation. Use when designing or revising terminology, entities, boundaries, respon…
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 skillczlonkowski
Wire n8n error handling so failures are loud, structured, and recoverable. Use when building any webhook/API workflow, a scheduled or unattended workflow, or any path wh…

A customer-success workshop onboarding users to a project-management app — the first-value path and the habits that retain. Built as a decision-grade professional traini…
View previews · 3No 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 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 skillomnigent-ai
Turn a breaking change (an API rename, removed flag, changed default, or moved module) into concrete upgrade steps with before/after examples. Use when the user asks how…
No visual example yet
Explore the skillczlonkowski
Build reusable, composable n8n sub-workflows. Use when extracting shared logic, building anything multi-step or reused across workflows, or any workflow over ~10 nodes —…