skills.rest
mamu7211
mamu7211COMMUNITY
Explore all skills by this author →
GitHub

designer-grill-me

Guides UI/UX design exploration for responsive web interfaces within an existing design system.

1|Updated Mar 20, 2026
Search Tags:#design#ui#accessibility#responsive#ux#interface
One-click install
npx skills add https://github.com/mamu7211/feirb-mailclient --skill designer-grill-me
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: designer-grill-me
Source: https://github.com/mamu7211/feirb-mailclient/tree/main/.claude/skills/designer-grill-me
Command: npx skills add https://github.com/mamu7211/feirb-mailclient --skill designer-grill-me

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers and designers refine their UI/UX decisions by providing a structured, critical exploration of design dimensions, ensuring interfaces are accessible, consistent, and user-focused before implementation begins.

Core Features & Use Cases

  • Design Dimension Exploration: Systematically evaluates layout, interaction patterns, visual design, accessibility, and responsiveness.
  • Design System Alignment: Ensures all proposed changes adhere to existing design tokens and component primitives.
  • Use Case: When building a new dashboard widget for the mail client, use this skill to walk through the layout, accessibility requirements, and interaction flow to ensure it matches the existing design system.

Quick Start

Invoke the designer-grill-me skill with the topic of designing a new mobile-responsive mail composition modal.

Frequently Asked Questions about designer-grill-me

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I ensure my responsive web interface aligns with existing design tokens?▼

To ensure a responsive web interface aligns with existing design tokens, systematically evaluate layout, interaction patterns, and accessibility while adhering to established component primitives for visual and functional consistency.

What is UI/UX design dimension exploration for web interfaces?▼

UI/UX design dimension exploration is a structured process that critically evaluates layout, interaction, visual design, accessibility, and responsiveness to ensure interfaces are accessible and user-focused before implementation begins.

Can I use this to review accessibility requirements for a mobile-responsive modal?▼

Yes, you can use this process to walk through accessibility requirements and interaction flows for a mobile-responsive modal, ensuring the proposed changes match the existing design system framework.

What's the best way to refine UI/UX decisions before implementation begins?▼

The best way to refine UI/UX decisions is through expert questioning that facilitates critical exploration of layout, interaction, and accessibility dimensions, ensuring interfaces are consistent and user-focused.

Do I need established component primitives to evaluate my UI layout?▼

Yes, adherence to established design tokens and component primitives is required when evaluating your UI layout to guarantee visual and functional consistency across the responsive web interface.

Why does my dashboard widget design lack visual consistency with the mail client?▼

Your dashboard widget design lacks visual consistency because it requires structured evaluation against existing design tokens and component primitives to ensure functional and visual alignment within the design system.

Related Skills

Explore More Design & Creative Skills→
Ayub-KhanAyub-Khan

ui-ux-design

Define scalable UI/UX design systems with tokens for Figma handoff.

Community
Intermediate
dereekbdereekb
13

DBX Web Layout Components

Implement DBX Web layout components in Angular projects.

Community
Intermediate
unthinkmediaunthinkmedia

ux-consistency-checker

Identify visual, terminological, and behavioral inconsistencies across UI screens.

Community
Intermediate
projectedanxprojectedanx
1

design-md

Manage design tokens and component specifications in machine-readable DESIGN.md files.

Community
Intermediate