ws-dev/frontend
OfficialBuild high-quality UIs with precision.
Software Engineering#accessibility#frontend#responsive design#design tokens#ui development#component implementation
AuthorWondersauce
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the implementation of user interfaces, ensuring adherence to design specifications, accessibility standards, and project conventions, thereby preventing architectural drift and code duplication in frontend development.
Core Features & Use Cases
- UI Component Implementation: Writes and styles UI components based on detailed task definitions.
- Convention Enforcement: Strictly follows project styling rules, component patterns, and accessibility guidelines.
- Design Quality Layer: Elevates aesthetic quality for critical UI elements when specified.
- Use Case: Implement a new user profile card component, ensuring it is responsive, accessible, and matches the project's design token system and established component patterns.
Quick Start
Use the ws-dev/frontend skill to implement the user profile card component based on the provided task definition JSON.
Dependency Matrix
Required Modules
None requiredComponents
referencesscripts
💻 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: ws-dev/frontend Download link: https://github.com/Wondersauce/claude-code-plugin/archive/main.zip#ws-dev-frontend Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.