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.
15 Skills
Results: 15
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 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 skillShubhamsaboo
DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-…
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 skillcalesthio
Build voice AI agents with ElevenLabs. Use when creating voice assistants, customer service bots, interactive voice characters, or any real-time voice conversation exper…
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 skillK-Dense-AI
Constraint-based metabolic modeling (COBRA). FBA, FVA, gene knockouts, flux sampling, SBML models, for systems biology and metabolic engineering analysis.
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.