Total 50,401 skills, Product & Design has 1906 skills
Showing 12 of 1906 skills
Determine what UI element draws attention first, second, third using size, weight, color, and de-emphasis strategies
Especialista em design de interface e sistemas de design no SynkOS. Use esta skill quando o usuário pedir para auditar a UI por consistência ou acessibilidade, documentar o design system (tokens, componentes, padrões), criar uma especificação de frontend com component tree e data flow, projetar um componente com todos os seus estados (loading, empty, error, success), ou fazer perguntas como "audite a interface de X", "crie a spec de frontend para Y", "o componente Z tem todos os estados?", "documente os tokens de design", "a UI passa no WCAG AA?". Ative também para priorizar dívida de UX ao lado de dívida técnica, e para garantir que todo elemento de UI comunica seu estado ao usuário. Nota: para redesign completo de produto ou iteração visual interativa, prefira a skill `impeccable`.
Create a complete SPEC from scratch through an exhaustive requirements interview before any planning or implementation. Use this skill whenever the user asks to create, define, clarify, scope, or write a spec/SPEC/PRD/requirements document from an idea, especially when they want to avoid assumptions, start at "step zero," or prepare input for later planning workflows. This skill must question goals, requirements, constraints, edge cases, business rules, and acceptance criteria before drafting the final spec.
Designs user experiences and interfaces grounded in research. Use when creating user journeys, wireframes, prototypes, or improving usability. Use for information architecture, interaction design, accessibility audits, design system creation, and developer handoff.
Critique a screen's visual hierarchy — entry point, eye flow, weight distribution, and emphasis.
Apply the Law of Common Region to group elements using containers, backgrounds, and boundaries.
Define component variants and states systematically for Figma. Use when asked to plan component variants, define states for a component, set up a Figma variant matrix, or work out what properties a component needs before building it. Produces a complete variant matrix with all properties, values, and combinations needed.
Use when planning and synthesizing product/user research as a method-and-repository discipline — selecting the right method for the goal (generative interviews vs usability test vs concept test vs validation), computing method-based saturation/sample size with an explicit confidence level, or synthesizing coded observations into insights while flagging single-source anecdotes. Never fabricates user insight; an insight requires recurrence across independent participants. Distinct from product-team/ux-researcher-designer (persona/journey artifacts), product-discovery (discovery-sprint planning), and experiment-designer (live A/B) — this is the research-ops method + insight-repository layer.
Use when the user asks to create a feature, write a PRD or TRD, add user stories, write scenarios, create acceptance criteria, plan implementation, initialize product docs, set up product documentation, create, approve, amend, or validate a Product Constitution, run the Constitution Grill, create or maintain Product Vision, run a Vision Grill, or work anywhere in the product development lifecycle from project setup through implementation planning.
Use this skill when planning a product launch, feature announcement, or release strategy. Trigger phrases include: "plan our product launch," "write a launch plan," "Product Hunt launch strategy," "launch checklist," "pre-launch preparation," "waitlist strategy," "launch email sequence," "beta launch vs public launch," "PR for our launch," "launch day execution," "post-launch follow-through."
General UI/UX judgment for layout, polish, visual hierarchy, spacing, typography, color, and accessibility. Use when no product-specific or Frappe-specific design system skill applies.
Create beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces.