Installs into .claude/skills of the current project.
Are you the author of Dayan Huashu Design?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/kosmoray-dayan-huashu-design)
---
name: dayan-huashu-design
description: Design a high-fidelity interactive HTML prototype or motion demo when static documents and ordinary presentations are insufficient.
---
# Dayan Huashu Design
Use this Skill for interactive prototypes, concept demos, motion studies, or export-ready visual scenes. Do not use it to decorate a document that is already clear.
## Workflow
1. Confirm the medium, viewport, interaction, audience, and one visual job.
2. Verify time-sensitive product facts from primary sources before representing them.
3. Choose one visual direction and define typography, spacing, color, depth, and motion tokens.
4. Build semantic HTML with real text, deterministic state, keyboard behavior, responsive layout, and reduced-motion fallback.
5. Use motion only to focus attention, explain a relationship, or control reveal order.
6. Test initial, active, error, empty, and reduced-motion states at target viewports.
Keep prototypes separate from production systems. Do not imply that a visual simulation is a working integration, measured outcome, or shipped product.
