Frontend 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 / 115
Results: 115
anthropics
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 · 1anthropics
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
vercel-labs
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
openai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
anthropics
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
EverettFish
Turn a description or reference image into an editable Blender holographic card and an interactive Three.js website.
JimLiu
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…
calesthio
Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any…
zanwei
Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.
xeokit
3D BIM IFC Viewer SDK for AEC engineering applications. Open Source JavaScript Toolkit based on pure WebGL for top performance, real-world coordinates and full double pr…
anthropics
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 · 3vercel-labs
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
openai
Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.
emilkowalski
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iO…