Agent skills for OpenAI Agents SDK

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects…

Use when the user asks to create a design doc, design document, specification, or technical spec (create workflow →…

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make…

Use when you need design-first, spec-driven, skimmable prompts for UI generation.

Design Failure Mode and Effects Analysis (DFMEA) skill for systematic design risk identification

Design, implement, tune, or test Three.js action-game encounters.

Modern UI design principles and guidelines for building clean, professional interfaces.

Transform feature briefs into structured design briefs that give designers the context they need before opening Figma.

Use when making design decisions, implementing HIG patterns, Liquid Glass, SF Symbols, typography, or structuring app entry points and…

Communicate design's contribution to business and user outcomes in stakeholder language.

Scaffolds React components from a Claude Design handoff bundle and stops at files on disk: no stories, no tests, no pull request.

Research and translate professional visual references into original, production-ready directions for posters, social graphics…

Design system bootstrapping and token generation.

Autonomous multi-page site builder using a baton-passing loop.

Use when the user explicitly asks for a standalone HTML page in a restrained minimal style, especially reading-first dashboards, briefs…

Replicate the visual style of any website and apply it to your existing codebase.

Advocate for design quality, scope, and timeline with partners and leadership using evidence and shared goals.

Apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models.

Define actionable principles that resolve trade-offs when the team disagrees.

Bitwarden design team's Code of Conduct combined with the 30/60/90 critique framework — stage-appropriate critique, product-not-designer…

Internal prototype QA helper. Use only after a Product Design prototype, URL-to-code build, or image-to-code build has a source visual…