skills.rest
tsuji-tomonori
tsuji-tomonoriCOMMUNITY
Explore all skills by this author →
GitHub

doc-bd-ui

Create and revise BD-UI documents following Obsidian operational rules.

1|Updated Feb 11, 2026
Search Tags:#documentation#obsidian#ui design#document creation#design guide#bd-ui
One-click install
npx skills add https://github.com/tsuji-tomonori/diopside-v3 --skill doc-bd-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: doc-bd-ui
Source: https://github.com/tsuji-tomonori/diopside-v3/tree/main/.opencode/skills/doc-bd-ui
Command: npx skills add https://github.com/tsuji-tomonori/diopside-v3 --skill doc-bd-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a structured approach to creating and revising UI Basic Design (BD-UI) documents, ensuring adherence to diopside's documentation standards for screen layout, user flow, and state transitions.

Core Features & Use Cases

  • Standardized Document Creation: Generates new BD-UI documents following Obsidian operational rules.
  • Revision Guidance: Assists in updating existing BD-UI documents when screen transitions, operational procedures, or UI states change significantly.
  • Use Case: When a new feature requires a new user interface, this Skill helps you draft the BD-UI document, ensuring all required frontmatter and design elements are included according to the project's conventions.

Quick Start

Use the doc-bd-ui skill to create a new BD-UI document for the user login screen.

Frequently Asked Questions about doc-bd-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a UI Basic Design document for a new screen?▼

A UI Basic Design document defines screen composition, operational flow, and state transitions to ensure consistent user interface specifications. It is needed when a new feature requires structured documentation for screen layout and user flow.

When should I revise an existing UI design document?▼

You should revise an existing UI design document when there are meaningful changes in screen navigation, user interaction, or UI states. This ensures operational procedures and state transitions remain accurate and up to date.

Does this UI design documentation guide work with Obsidian?▼

Yes, this UI design documentation guide operates within the diopside framework and follows Obsidian operational rules. It ensures that generated documents maintain consistency with Obsidian's formatting and structural standards.

What is the best way to document screen transitions and state changes?▼

The best way to document screen transitions and state changes is to follow a structured UI Basic Design guide. This enforces consistency in operational flow and state transitions according to established documentation rules.

Can I update an existing screen layout document without rewriting it entirely?▼

Yes, you can update an existing screen layout document by revising specific sections. The guide supports updating existing documents when significant changes occur in screen transitions, operational procedures, or UI states.

Related Skills

Explore More Design & Creative Skills→
thieungthieung
1

/wiki:setup

Create and validate knowledge base vault directories and CLAUDE.md schema.

Community
Intermediate
laraxotlaraxot
26

bmad-wds-prototyping

Create interactive prototypes from Markdown workflow specifications.

Official
Intermediate
cogni-workcogni-work
12

note-manager

Generate markdown notes with YAML frontmatter for Obsidian vaults.

Official
Basic
dnkrowdnkrow
1

ux-design

Generate UX specification documents for game screens, flows, or HUDs from GDD UI requirements.

Community
Advanced