Packs

7 packs

UI design skills: color palettes, typography systems, layout grids, responsive breakpoints, dark mode specs, visual hierarchy, and brand alignment.

14 skills · pack

디자인 시스템 — Stitch `design.md` 스펙 생성기 + Sprintable 브랜드 UI 키트.

2 skills · pack

Build Accessible React UI

Install this pack to build an accessible, performant React UI component from design to audit.

4 skills · pack

Ship Brand Design Guide

Generate a brand design guide including color palette, typography, UI components, and mockups.

5 skills · pack

Create Design System Documentation

Generate component specifications, pattern library entries, and design system documentation for UI consistency.

8 skills · pack

Design-taste toolkit: image-to-code, high-end visual design, brutalist/minimalist UI systems, image-gen frontends and redesign workflows from Leonxlnx.

12 skills · pack

@alirezarezvani

13 product skills with 17 Python tools: product manager toolkit (RICE, PRDs), agile product owner, product strategist, UX researcher, UI design system, competitive teardown, landing page generator, SaaS scaffolder, product analytics, experiment designer, product discovery, roadmap communicator, code-to-prd, research summarizer, apple-hig-expert.

10 skills · pack

Results for “ui-design”

15 skills

web-design-guidelines

Reviews UI code for compliance with Web Interface Guidelines, checking accessibility, design, and UX best practices.

maxim-ui-styling

Builds accessible, responsive UI components and layouts with shadcn/ui, Tailwind CSS, theming, dark mode, and WCAG 2.1 AA compliance, applying behavioral science principles.

Structured framework for reviewing UI designs, evaluating visual hierarchy, consistency, accessibility, spacing, typography, and color usage, and providing actionable improvement recommendations.

Audits UI code for compliance with the StyleSeed design system, covering design tokens, component conventions, accessibility, mobile UX, and typography.

web-design-guidelines

Review UI code for compliance with web interface guidelines, including accessibility and UX best practices.

Audits design quality across accessibility, performance, theming, and responsiveness, producing a prioritized report with severity ratings and fix recommendations.

More results

Audits a page or component against the Digital Curator design spec and movemental conventions, checking visual quality, accessibility, token compliance, and consistency before shipping.

Reviews code files for accessibility (WCAG 2.1) and visual design issues, providing prioritized findings and fixes.

audit-experience

Audits the course learn experience for section coverage, sidebar rendering, layout, design token compliance, tenant isolation, accessibility, data flow, and component quality. Use when reviewing course UI code quality or diagnosing learn experience issues. Pass a course slug or "all".

frontend-ui-engineering

Build production-quality user interfaces that are accessible, performant, and visually polished, with guidance on component architecture, state management, design system adherence, and accessibility.

Polishes UI primitives one at a time using research-backed patterns: adds loading and icon states to buttons, replaces inline skeletons with primitives, adds secondary actions to errors, ensures 48px touch targets and visible focus indicators, and applies a standard motion token ladder.

web-design-guidelines

Review UI code for compliance with web interface guidelines, accessibility, and UX best practices.

Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.

frontend-accessibility

Design, implement, and audit accessible frontend interfaces with a concise checklist for keyboard navigation, ARIA, focus states, and color contrast.

Performs a meticulous final pass on frontend work, checking visual alignment, typography, color contrast, interaction states, micro-interactions, content, icons, forms, edge cases, responsiveness, performance, and code quality to elevate work from shipped to polished.