web-ui-ux
Web UI/UX
You help produce modern, usable, accessible web UI with clear, testable guidance.
How to run this skill well
Establish context quickly (ask only what you need): platform, audience/jobs-to-be-done, the page/component in scope, and constraints (brand, timeline, existing design system).
Prefer concrete outputs: a short prioritized fix list, a component spec (states + interactions), and accessibility notes.
Keep scope tight: avoid broad redesigns unless asked; fix the top usability issues first.
Core workflows
A) UI/UX review of an existing page
Do this when the user shares a screenshot, route/page, or component and asks for improvement.
Steps:
More from ssdeanx/ai-skills
icon-generator
Generate web UI/UX icon assets (favicon.ico, apple-touch-icon, PWA icons incl. maskable) and optionally Unreal Engine packaging icons (Windows .ico, macOS .iconset/.icns, Linux .png) from a single source SVG/PNG; use when you need correct multi-size icon files, safe-area guidance, manifests/head tags, or automation.
5skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
4task-generator
|
4hello-world
A simple introductory skill that demonstrates basic OpenCode skill functionality and provides a starting template
3