skills.rest
nishio-n0522
nishio-n0522COMMUNITY
Explore all skills by this author →
GitHub

screen-specification

Standardize screen specification documents with templates and quality criteria.

Updated Aug 23, 2026
Search Tags:#templates#documentation#wireframing#ui design#ux#screen specification
One-click install
npx skills add https://github.com/nishio-n0522/test_updated_sdd --skill screen-specification
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: screen-specification
Source: https://github.com/nishio-n0522/test_updated_sdd/tree/main/.claude/skills/screen-specification
Command: npx skills add https://github.com/nishio-n0522/test_updated_sdd --skill screen-specification

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a standardized framework for creating and reviewing screen specification documents, ensuring consistency, clarity, and adherence to quality standards across projects.

Core Features & Use Cases

  • Template Provision: Offers templates for index.md, components.md, and individual screen specification files (screen.md).
  • Quality Standards: Defines mandatory checks and principles for ASCII wireframes and behavior definitions.
  • File Structure: Enforces a clear file naming convention and directory structure for maintainability.
  • Use Case: When designing a new user interface, use this Skill to generate a comprehensive screen specification document that includes a screen list, transition diagrams, component details, and individual screen layouts with defined behaviors.

Quick Start

Use the screen-specification skill to generate a new screen specification document based on the provided templates.

Frequently Asked Questions about screen-specification

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

FAQPage Schema
How do I create standardized screen specification documents for UI design?▼

Standardized screen specification documents are created using provided templates for index, component, and individual screen files, ensuring consistent UI layouts, component definitions, and interaction behaviors across projects.

What should be included in a UI screen specification document?▼

A UI screen specification document should include a screen list, transition diagrams, component details, and individual screen layouts featuring mandatory ASCII wireframes and defined user interaction behaviors.

How do I maintain a consistent file structure for UX documentation?▼

Maintain consistent UX documentation file structures by enforcing clear naming conventions and directory layouts, utilizing index.md, components.md, and screen.md templates for maintainability.

Can I use ASCII wireframes for documenting user interaction behaviors?▼

Yes, ASCII wireframes are supported for documenting user interaction behaviors, with the skill defining mandatory quality checks and principles to standardize visual layouts within screen specification files.

Does this screen specification approach support modifying existing UI layouts?▼

Yes, modifying existing UI layouts is supported, allowing detailed review and updates to component definitions and user interaction behaviors while maintaining documented quality standards and conventions.

What are the limitations of using templates for UI documentation?▼

A limitation of using these UI documentation templates is the requirement to adhere to predefined quality criteria and strict file structure conventions, which may restrict highly unconventional screen layouts.

Related Skills

Explore More Design & Creative Skills→
whtoowhtoo
34

doc-dev

Generate standardized markdown templates for specification, design, and TDD plans.

Community
Basic
crgarcia12crgarcia12

ui-ux-design

Generate interactive HTML/CSS/JS wireframe prototypes from approved FRDs.

Community
Advanced
sizukutamagosizukutamago

design-inventory

Generate screen inventories and Mermaid transition diagrams from user stories in docs/requirements.

Community
Basic
belokonmbelokonm
8

ui-designer

Generate design system specifications with tokens, components, and accessibility notes for developers.

Community
Advanced