web-design-guidelines
Reviews UI code for web interface guidelines compliance, focusing on accessibility and design best practices.

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.
npx skills add figma/mcp-server-guideReviews UI code for web interface guidelines compliance, focusing on accessibility and design best practices.

A comprehensive UI/UX design assistant with 50 styles, 21 palettes, and support for multiple frameworks like React, Next.js, Vue, and Svelte

Create scalable design systems using Tailwind CSS v4, design tokens, and responsive patterns.

Skill for building and maintaining frontend design systems to ensure UI consistency and component reusability.

Create beautiful visual art and designs in PNG and PDF formats using design principles.
