No visual example yet
Explore the skillFigma Implement Design
openai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
OPENAGENTSKILL / DIRECTORY
Find a skill for your next task. Explore tools for Codex, Claude Code, Cursor and more.
9 Skills
Results: 9
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 skillmui
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
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 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 skillstenciljs
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to…
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 skillvercel-labs
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
No visual example yet
Explore the skillmdx-js