cuellarfr/design-skills
10 skills1.4k installs470 starsGitHub
Install
npx skills add https://github.com/cuellarfr/design-skillsSkills in this repo
1Design Critique & EvaluationRuns structured heuristic evaluations, pattern reviews, IA audits, and UX-writing reviews tied to named principles rather than opinion, starting from user context. A developer or designer uses it to critique interfaces and get actionable, evidence-based feedback.147installs2Ux ResearchProvides frameworks and methods for every stage of user research, from choosing generative or evaluative methods to synthesizing findings into personas and journey maps. A designer or researcher uses it to plan studies, write interview and test scripts, and turn qualitative data into decisions.143installs3Ux StrategyProvides strategic frameworks that tie design work to business viability, customer desirability, competitive positioning, and measurable outcomes. A product designer or strategist uses it before wireframing to shape direction with opportunity solution trees, JTBD, and North Star metrics.142installs4Ux WritingProvides frameworks and patterns for writing clear, concise, user-centered interface copy across buttons, errors, forms, and onboarding. A designer or writer uses it to draft, edit, or audit UI text against four quality standards and accessibility guidelines.142installs5Interaction DesignSpecifies how products respond to input using Saffer's trigger-rules-feedback framework, Cooper's posture and orchestration ideas, statecharts, and animation principles. A developer or designer uses it to define behavior and motion for interfaces across contexts and states.140installs6Journey Mapping & Service DesignGuides creation of alignment diagrams like journey maps, service blueprints, experience maps, and empathy maps using established service-design methodology. A designer or product team uses it to pick the right diagram type and structure it as a conversation tool for team alignment.138installs7Design ElevationApplies systematic design thinking with Tailwind CSS as the canonical token system and Kholmatova's functional and perceptual pattern framework to refine any visual output. A developer uses it to make presentations, HTML artifacts, and data visualizations look hand-crafted.137installs8Accessibility AuditConducts accessibility audits grounded in WCAG 2.2 and POUR principles, covering automated and manual testing, keyboard, screen readers, contrast, and semantic HTML. A developer uses it to find accessibility barriers, prioritize them, and write compliant fixes.130installs9Design SystemsGuides creating and governing design systems grounded in Atomic Design, W3C design tokens, and real systems like Material, Polaris, and Carbon, addressing both functional and perceptual patterns. A developer uses it to define shared design languages, audit systems, and set component hierarchies.128installs10Design OpsCovers the operational side of design teams, including a 5-day sprint structure, handoff practices, rituals, and quality assurance. A developer or design lead uses it to organize design work and collaborate with engineering.126installs