AI Agent Skills

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/…

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

Any agent Skill: generate beautiful architecture diagrams with dark/light theme toggle and PNG/JPEG/WebP/SVG export

Turn a description or reference image into an editable Blender holographic card and an interactive Three.js website.

Craft beautiful websites effortlessly with an intuitive visual builder and publish them instantly

Agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents

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…

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…

Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps

PyGWalker: Turn your dataframe into an interactive UI for visual analysis

Markdown converter for Visual Studio Code

Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.

An AI-agent skill that generates browser-editable presentations from multiple visual themes, exportable to HTML, PDF, and PPTX.