Skills
.Work. You
Rest

gsd-ui-developer

Community

UI/frontend workflow with visual validation.

Design & Creative#workflow#ui#accessibility#frontend#browser-testing#visual-verification#ui-spec
Authorda-moon
Version1.0.0
Installs0

System Documentation

What problem does it solve?

UI projects frequently struggle with misaligned designs, inconsistent implementations, and overlooked accessibility checks. This skill delivers a repeatable workflow to create UI specifications, implement frontend work, and verify results with browser-based validation and accessibility checks.

Core Features & Use Cases

  • UI Specification Workflow: Create or update UI_SPEC.md detailing layout, components, breakpoints, interactions.
  • Visual Verification & Browser Validation: Validate rendering and behavior in the running app across devices and viewports.
  • Accessibility Assurance & Real-world Use: Verify alt text, keyboard navigation, color contrast, and semantic markup; Use Case: When implementing a new dashboard, generate the UI spec, implement components, and verify visuals and accessibility end-to-end before release.

Quick Start

Execute the UI phase by generating or updating a UI-SPEC.md, then run the UI plan with browser-based verification to validate visuals and accessibility.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: gsd-ui-developer
Download link: https://github.com/da-moon/manus-skills/archive/main.zip#gsd-ui-developer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.