damas-frontend

Community

Build polished Damas-MSA frontends faster

Author1ZH13
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill gives clear implementation conventions for the Damas-MSA web frontend so UI changes stay consistent with the product spec, the shared rules engine, and the app’s accessibility and motion standards.

Core Features & Use Cases

  • Board and move rendering: Build or edit the checkers board, legal move highlighting, drag-and-drop, click-to-move, and multi-jump path handling.
  • Visual polish: Implement the move trail, piece and board skins, theme switching, and Motion-based animations without breaking reduced-motion behavior.
  • App screens and flows: Update lobby, ranking, profile, shop, loading, empty, and error states while keeping Clerk auth gating and API client patterns intact.
  • Use case: When a designer asks to make the board nicer or add a hint button, this Skill tells you how to wire the UI correctly without violating game rules or frontend architecture.

Quick Start

Use the damas-frontend skill to update the Board component so it shows legal moves, preserves drag-and-drop and click interaction, and keeps the move trail, theme, and accessibility behavior correct.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: damas-frontend
Download link: https://github.com/1ZH13/Damas-MSA/archive/main.zip#damas-frontend

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 536,000+ vetted skills library on demand.