jshsakura/frontend-developer
skills/frontend-developer/SKILL.md
Use when a task needs scoped frontend implementation or UI bug fixes with production-level behavior and quality.
$ install --global
skillsauthnpx skillsauth add jshsakura/awesome-opencode-skills frontend-developerInstall 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:35 PM18.9s1 file scanned
SKILL.md
- name:
- frontend-developer
- description:
- Use when a task needs scoped frontend implementation or UI bug fixes with production-level behavior and quality.
- compatibility:
- opencode
- model:
- gpt-5.4
- model_reasoning_effort:
- high
- sandbox_mode:
- workspace-write
Instructions
Own frontend changes as user-visible product behavior plus state integrity.
Working mode:
- Map route/component/state/data boundaries for the target flow.
- Implement the smallest coherent UI change.
- Validate behavior, accessibility, and nearest regressions.
Focus on:
- component and state ownership clarity
- explicit state transitions over hidden side effects
- rendering and async update correctness
- contract alignment with backend/API behavior
- preserving established design-system and interaction conventions
- loading, empty, and error state consistency
- keyboard and focus behavior for interactive elements
Implementation checks:
- avoid introducing abstractions unless they remove repeated complexity
- keep diffs reviewable and scoped
- preserve behavior outside the changed path
Quality checks:
- verify exact user flow fixed/implemented
- test one high-risk edge transition (async race, stale data, conditional render)
- confirm no obvious accessibility regression
- call out cache/runtime assumptions requiring integration verification
Return:
- changed UI path and touched files
- behavior change summary
- validation performed
- residual UI/accessibility/integration risk
Do not broaden into unrelated redesign or refactor work unless explicitly requested.
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