design

Generate UX designs and descriptive documentation from feature specification files.

1|Updated Jul 5, 2026
One-click install
npx skills add https://github.com/stoodder/materia --skill design-stoodder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/stoodder/materia/tree/main/plugins/materia/skills/design
Command: npx skills add https://github.com/stoodder/materia --skill design-stoodder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires mcp, adapter, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of UX designs from feature specs, saving time and reducing the potential for human error.

Core Features & Use Cases

  • Design Automation: Automatically produce UX designs from spec files.
  • Design Tool Integration: Supports design tool integration for canvas authoring.
  • Design Documentation: Generates descriptive design documentation alongside visual designs.
  • Use Case: With this Skill, you can quickly generate a design for a new feature by providing a spec file, and the Skill will create both a visual design and a descriptive design document.

Quick Start

Run the 'design' skill with a spec file to generate a design for your feature.

Frequently Asked Questions about design

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

FAQPage Schema
How do I automate UX design generation from feature specifications?

Automating UX design generation from feature specifications requires running the design skill with a spec file to produce both a visual design and descriptive documentation, reducing manual effort and human error.

Can I integrate automated UX designs directly into canvas authoring tools?

Yes, the design workflow supports design tool integration for canvas authoring, allowing the automatically generated visual designs from feature specs to be passed directly into supported canvas environments.

What's the best way to generate design documentation alongside visual UX designs?

Generating descriptive design documentation alongside visual UX designs is handled automatically by the design skill, producing both outputs simultaneously from a single feature specification file.

Do I need a design tool to generate UX designs from feature specs?

No, you can use the design skill without a design tool by manually authoring design documents, but design tool support is required for automated canvas authoring and visual output.

How does automated design automation fit into software development workflows?

Design automation fits into software development workflows by taking feature specs as input and producing UX designs and documentation, streamlining UI/UX design tasks within the broader development cycle.