65,034
22,258
web-design-guidelines
Reviews UI code for web interface guidelines compliance, focusing on accessibility and design best practices.
🎨Design
12,109
547
figma-implement-design
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.
#code-generation#ui#figma#design-systems
Share
Quick Install
>_
npx skills add openai/skillsDocumentation
Loading documentation...
Repository
Repositoryopenai/skills
Stars12,109
Last UpdatedMar 6, 2026
Related Skills
24,100
32,834
ui-ux-pro-max
A comprehensive UI/UX design assistant with 50 styles, 21 palettes, and support for multiple frameworks like React, Next.js, Vue, and Svelte
8,900
30,440
tailwind-design-system
Create scalable design systems using Tailwind CSS v4, design tokens, and responsive patterns.
7,444
26
frontend-design-system
Skill for building and maintaining frontend design systems to ensure UI consistency and component reusability.
7,400
86,065
canvas-design
Create beautiful visual art and designs in PNG and PDF formats using design principles.
