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/healthcare-admin
tools
VerifiedTrustedCommunity
Use when a task involves healthcare administration: revenue cycle management, HIPAA/compliance auditing, medical coding (ICD-10, CPT, DRGs), CMS cost reports, payer contract analysis, quality improvement, clinical operations, health IT/interoperability, population health, or pharmacy benefits.
19SKILL.mdUpdated Jun 29, 2026
jshsakura/first-principles-thinking
testing
VerifiedTrustedCommunity
Use when a task needs assumptions challenged, a complex problem broken down to fundamentals, or a solution rebuilt from scratch rather than from convention or analogy.
19SKILL.mdUpdated Jun 29, 2026
jshsakura/design-bridge
testing
VerifiedTrustedCommunity
Use when a task needs a DESIGN.md (e.g. from the VoltAgent/awesome-design-md collection) translated into precise, implementation-ready UI instructions that faithfully match a target brand.
19SKILL.mdUpdated Jun 29, 2026
jshsakura/cohort-analysis
research
VerifiedTrustedCommunity
Use when a task needs retention analysis, cohort behavior comparison, activation-metric discovery, or diagnosis of how user groups perform over time.
19SKILL.mdUpdated Jun 29, 2026