doc-dd-ui
CommunityStandardize UI design documentation.
Authortsuji-tomonori
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures that UI detailed design documents (DD-UI) are created and revised according to the diopside Obsidian operational standards, maintaining consistency in screen elements, state transitions, and operational constraints.
Core Features & Use Cases
- Standardized Documentation: Generates and revises UI detailed design documents adhering to Obsidian operational rules.
- Consistency Enforcement: Organizes screen elements, component responsibilities, state transitions, and operational constraints at an implementable granularity.
- Use Case: When updating the UI design for a user profile page based on new requirements, use this Skill to ensure all screen elements, their states (e.g., editable, disabled), and user interactions are clearly documented following the project's established format.
Quick Start
Use the doc-dd-ui skill to create a new UI detailed design document for the user login screen.
Dependency Matrix
Required Modules
auto_link_glossary.pyvalidate_vault.py
Components
scriptsreferences
💻 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: doc-dd-ui Download link: https://github.com/tsuji-tomonori/diopside-v3/archive/main.zip#doc-dd-ui 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.