Interface design

Helps choose and describe interface decisions for a task. Check both setup and results in your own environment.

For choosing visual direction, fonts, and page composition.

A collection of DESIGN.md examples helps you choose a structure for your project’s design rules.

Interface design rules.

A set of approaches and commands for reviewing and improving interfaces. Choose a specific command for an observed problem.

Helps choose styling for a document, slides or interface. A theme does not verify content or functionality.

This skill provides Anthropic-style branding. Your own brand needs its own colours and rules.

The skill helps create a static composition such as a cover, poster or other visual asset.

Creates an interface starting point from an image. The image cannot reveal unknown form submission, storage or access rules.

DESIGN.md stores interface rules in a text file. Google’s specification and validation tools are separate parts of the workflow.

Helps turn a visual reference into design rules. Behaviour and unseen details remain unknown from a single screenshot.

A set of design and interface development skills, including apple-design, mobile checks, and animation verification. README explains connection to author's experience and WWDC principles translation for we