skills.rest
tcfialho
tcfialhoCOMMUNITY
Explore all skills by this author →
GitHub

nexus2-design

Generates static web UI prototypes and editable source from natural-language descriptions and/or reference images.

Updated Mar 10, 2026
Search Tags:#documentation#design system#UI#design tokens#visualization#prototype
One-click install
npx skills add https://github.com/tcfialho/Herald.Ai.Skills --skill nexus2-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nexus2-design
Source: https://github.com/tcfialho/Herald.Ai.Skills/tree/main/skills/nexus2/nexus_design
Command: npx skills add https://github.com/tcfialho/Herald.Ai.Skills --skill nexus2-design

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill enables the creation of static, high-fidelity UI prototypes and comprehensive design documentation to streamline the design validation process and ensure visual consistency.

Core Features & Use Cases

  • Prototype Generation: Produces static, navigable web-based UI prototypes based on specifications.
  • Design Documentation: Creates and documents design tokens, components, and visual guidelines in nexus/design.md.
  • Use Case: Use this Skill when developing a new user interface for a product, ensuring prototypes meet specifications before implementation and documenting the design system for future use.

Quick Start

Call the nexus2-design skill to generate a static prototype based on your project specifications and review the visual layout before finalizing the design documentation.

Frequently Asked Questions about nexus2-design

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

FAQPage Schema
How do I generate a static UI prototype for design validation?▼

To generate a static UI prototype for design validation, provide your project specifications to the system. It produces static, navigable web-based interfaces and formal documentation to ensure visual consistency before implementation begins.

What is a design token and how is it documented for digital products?▼

A design token is a variable that stores visual style values. This system formalizes them by creating and documenting components, tokens, and visual guidelines in a markdown file to align design with development standards.

Can I create navigation flows and visual styles for a web interface?▼

Yes, you can create navigation flows and visual styles for web or app interfaces. The system supports building these elements into static, navigable prototypes that meet your specifications and ensure production readiness.

Does this approach align design tokens with development standards?▼

Yes, the approach aligns design tokens with development standards by generating formal design documentation. It ensures that visual properties and component definitions are consistently translated into production-ready specifications for developers.

What are the limitations of using static prototypes for UI design?▼

Static prototypes do not include interactive backend logic or dynamic data binding. They are limited to visual layout validation and design system documentation, serving as a high-fidelity representation rather than a functional application environment.

Related Skills

Explore More Design & Creative Skills→
PolGubauPolGubau

design-mobile-apps

Design mobile app interfaces via Sleek.com REST API with project and screen management.

Community
Intermediate
Chai-UnChai-Un

frontend-design

Generate production-grade frontend interfaces with cohesive theming via CSS variables.

Community
Advanced
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
partme-aipartme-ai
610

axure

Guide Axure RP prototyping for wireframes, interactions, and dynamic panels.

Official
Basic