Professional groups.
Choose an editable professional workflow for your work context. Establish real source material and human review boundaries first, then download the relevant complete Skill package or stored related Skills.
Choose the task in front of you, not a label for yourself
These 23 groups are work-context entry points, not a judgment of identity, seniority, or professional qualification. Enter through the task closest to today, or compare several groups.
Choose a professional group
Choose quickly by the task at hand. If unsure, compare the two or three closest groups; no occupation declaration is required or stored.
E-commerce, finance & compliance
Sales & client advisory
Professional services
Design, content & media
Organization & product
Web & UI/UX designer
- Roles and service work
- Web and UI/UX designers, design-system maintainers, interaction designers, and handoff coordinators.
- Real day-to-day task
- Clarify user tasks, page states, component rules, accessibility checks, and development-handoff issues.
- Minimum input
- Minimum: one authorized, de-identified or public sample, the task goal, recipient, and deadline; label unknowns as open checks.
- What you get
- A page requirement card, component-state sheet, and accessible handoff checklist.
- What it does not replace
- It does not replace user-research findings, asset rights, launch acceptance, security testing, or product decisions.
For students and career switchers: try one small task
No real customer, patient, transaction, or confidential material is needed. Use a public, fictional, or de-identified safe sample to learn the role’s document structure and checking habits.
Choose a form on a public website and document its normal, error, and completion states.
Four-step guide
- 01
What to review first
Confirm users, core tasks, page scope, available material, and constraints in the brief.
For whom: Design professionals turning web or product-interface needs into traceable specifications, handoff material, and test plans.
What comes up: Requirements are vague, component states incomplete, asset rights unclear, and handoff lacks acceptance criteria.
- 02
What to download first
The complete ZIP and detail link appear once the original Skill is merged into the catalog.
skills-si-web-design-workflow
skills-si-web-design-workflow
Web and UI/UX design workflow: briefs, information architecture, wireframes, design systems, accessibility and responsive reviews, developer handoff and usability tests.
Original source & licenseskills-si/original-skills · skills-si-web-design-workflow · MIT
- 03
What to prepare
Prepare authorized real material, applicable current rules, the recipient, and deadline; de-identify sensitive information or obtain permission first.
- 04
Pre-delivery check & next step
Check rights, all component states, keyboard and focus, alt text, contrast, breakpoints, and reviewer ownership.
After download, retain sources and open checks in the template; the responsible qualified person makes the final judgment and sign-off.
Original Skills are written by Skills-SI with AI assistance, MIT licensed, and supplied as editable workflows/templates; they have not received independent human professional review or been tested in real Agent runs.
For high-risk professions—finance, investment advice, banking, compliance, law, medicine, biopharma, cost engineering, architecture, HR, real estate, and journalism—output is only a draft for review by licensed or qualified professionals. It is not investment, legal, medical advice, or an approval decision.
No efficiency, income, or business outcome is guaranteed.