bottlenote-admin-feature-design

Generate UI design documentation for admin features from approved specifications.

1|Updated Dec 14, 2025
One-click install
npx skills add https://github.com/bottle-note/admin-dashboard --skill bottlenote-admin-feature-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bottlenote-admin-feature-design
Source: https://github.com/bottle-note/admin-dashboard/tree/main/.agents/skills/bottlenote-admin-feature-design
Command: npx skills add https://github.com/bottle-note/admin-dashboard --skill bottlenote-admin-feature-design

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation of UI design documentation for admin features, reducing the time and effort required to write detailed design documents.

Core Features & Use Cases

  • Automated Documentation: Generates design documentation based on approved specifications and existing UI patterns.
  • Design Review: Assists in defining route/sidebar placement, list/detail/form UI, states, validation copy, and manual UI review points.
  • Use Case: When you need to define UI design for a new feature in the admin dashboard, this Skill can help you quickly create a comprehensive design document.

Quick Start

Use the bottlenote-admin-feature-design skill to generate the design document for the feature 'new-feature'.

Frequently Asked Questions about bottlenote-admin-feature-design

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

FAQPage Schema
How do I generate UI design documentation for admin dashboard features?

You can automate admin feature UI design documentation by providing approved feature specifications and existing UI pattern references. The tool generates route placement, list/detail views, and validation copy, reducing the manual effort required to write detailed design documents.

What should be included in admin dashboard UI design documentation?

Admin dashboard UI design documentation should define route and sidebar placement, list, detail, and form UI structures, states, validation copy, and manual review points. It uses approved specifications and existing UI patterns to maintain design system consistency.

Can I automate design review for new admin dashboard features?

Yes, you can automate design reviews for admin dashboard features by using approved specifications and UI patterns. The process defines route placement, form UI, states, validation copy, and identifies manual UI review points to streamline the design evaluation.

Do I need existing UI pattern references to create admin feature design documents?

Yes, you need existing UI pattern references and approved feature specifications to generate design documentation. Access to these inputs ensures the output accurately reflects your design system usage, navigation structure, and list or detail view layouts.

What is the best way to document list and detail views for admin features?

The best way to document list and detail views for admin features is to use an automation tool that processes approved specifications and UI patterns. This approach ensures accurate UI structure, state definitions, and validation copy aligned with your design system.