Synthesize UI patterns from curated galleries into design guidelines.
npx skills add https://github.com/snqb/my-skills --skill ui-patterns-snqb
Please help me install this Agent Skill. Skill: ui-patterns Source: https://github.com/snqb/my-skills/tree/main/ui-patterns Command: npx skills add https://github.com/snqb/my-skills --skill ui-patterns-snqb
Real-world UI patterns are scattered across multiple sources, making it hard for teams to learn from existing designs and apply proven patterns quickly.
Summarize three UI pattern variations and one accessibility note to guide a new feature design.
High-intent search queries and answers about installing and using this skill.
To find real-world UI patterns, this Skill synthesizes curated galleries like Mobbin and Collect UI for components including dropdowns, accordions, inputs, navigation, cards, and modals. It identifies recurring design approaches to inform your feature exploration.
Comparing UI design patterns across multiple sources involves synthesizing recurring design approaches from curated galleries. This Skill performs cross-source comparisons to identify best practices and translate findings into actionable design directions for product teams.
Yes, UI component patterns include accessibility considerations. Alongside identifying visual variations for components like inputs and modals, the Skill synthesizes accessibility notes to ensure your feature exploration addresses inclusive design requirements.
Applying UI design research findings involves translating synthesized gallery patterns into practical guidelines and visuals. This Skill stores insights as actionable directions that design and frontend teams can directly consume for new feature development.
Yes, UI pattern synthesis works for both design and frontend teams. It stores cross-source comparisons and accessibility considerations as practical guidelines and visuals, ensuring both disciplines can consume the insights for implementation.
When synthesizing real-world design patterns, covered UI components include dropdowns, accordions, inputs, navigation, cards, and modals. The Skill identifies recurring design approaches across these elements from curated galleries.
pingmepiGenerate design specifications with traceability to PRD user stories.
masermediagroup-stackTranslate design-system tokens into primitive, semantic, and component layers.
lildibbbGenerate data-driven personas and map user journeys for product development.
Proxy2021Browse photos in configurable grid, masonry, and list layouts.
