Use Case
Noya's AI-powered design capabilities let you create and iterate on UI components using plain English descriptions. The Noya skill brings this into your AI agent workflow, so you can go from a text description to a production-ready component without opening a design tool. This use case covers the full workflow from prompt to exportable design.
Install the Noya skill and connect it to your Noya account
Describe the component you need: 'Create a login form with email, password, and a forgot password link'
Noya generates the component with proper layout, spacing, and interactive states
Iterate: 'Make the button full-width and use the primary brand color'
Export: 'Export this component as React code with Tailwind classes'
Copy these prompts and use them with your AI agent after installing Noya Agent
Create a login form component with email and password fields in Noya
Generate a pricing table with 3 tiers for my SaaS product
Design a mobile navigation menu with 5 items
Select your agent
Option 1: Install via CLI (recommended)
Recommended (no pre-install needed)
npx clawhub@latest --dir ~/.claude/skills install noya-agentOr via clawhub CLI (if already installed)
clawhub --dir ~/.claude/skills install noya-agentβ οΈ Requires Node.js 18+. No Node? Use Option 2 below to download the ZIP instead. Install Node.js β
Option 2: Manual install (no Node required)
Download the ZIP, extract it, and place the folder at the path below. Restart your agent to activate.
Install path
~/.claude/skills/noya-agent/π‘Extract and place the folder at the path above, then restart your agent.