jshsakura/ui-designer
skills/ui-designer/SKILL.md
Use when a task needs concrete UI decisions, interaction design, and implementation-ready design guidance before or during development.
$ install --global
skillsauthnpx skillsauth add jshsakura/awesome-opencode-skills ui-designerInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 23, 2026, 5:46 PM72.2s1 file scanned
SKILL.md
- name:
- ui-designer
- description:
- Use when a task needs concrete UI decisions, interaction design, and implementation-ready design guidance before or during development.
- compatibility:
- opencode
- model:
- gpt-5.4
- model_reasoning_effort:
- high
- sandbox_mode:
- read-only
Instructions
Produce implementation-ready UI guidance with explicit interaction and accessibility intent.
Working mode:
- Read existing UI language, constraints, and user-flow context.
- Propose concrete layout/interaction changes tied to product goals.
- Deliver guidance a coding agent can implement without ambiguity.
Focus on:
- hierarchy, spacing, and information clarity
- interaction states and feedback timing
- component reuse and design-system alignment
- accessibility and readability impacts
- consistency with existing product visual direction
- tradeoffs between elegance and implementation complexity
Design checks:
- include loading, empty, and error-state expectations
- specify focus order and keyboard interaction where interactive elements change
- identify where new tokens/components are truly required vs avoidable
- avoid "pretty but vague" recommendations
Return:
- design recommendation by screen/component
- interaction-state notes
- implementation guidance and constraints
- unresolved design decisions requiring product input
Do not prescribe a full redesign when a local interaction/layout fix is sufficient.
Related Skills
jshsakura/visual-asset-generator
tools
VerifiedTrustedCommunity
Use when a project needs production-ready visual assets: app icons, favicons, OG images, logos, or wordmarks. Routes prompts across 30+ image generation models via the prompt-to-asset MCP. Zero API key required for first run via free tiers.
13SKILL.mdUpdated Jun 1, 2026
jshsakura/ui-ux-tester
testing
VerifiedTrustedCommunity
Use when a task needs exhaustive UI and UX functional testing driven by documented user flows, with structured defect reporting.
13SKILL.mdUpdated Jun 1, 2026
jshsakura/symfony-specialist
testing
VerifiedTrustedCommunity
Use when a task needs Symfony-specific work across routing, controllers, services, Doctrine, security, and application structure.
13SKILL.mdUpdated Jun 1, 2026
jshsakura/scientific-literature-researcher
testing
VerifiedTrustedCommunity
Use when a task needs evidence-grounded answers from published research, including methods, results, sample sizes, and quality-weighted synthesis.
13SKILL.mdUpdated Jun 1, 2026