Claude skill for designing Control Pages.

siclark
Posts: 2355
Joined: Tue Jun 13, 2017 5:08 am
Location: UK

Claude skill for designing Control Pages.

Post by siclark »

And a 3rd skill for Claude/ LLMs. This one gives it the ability to build a control page.

It creates the xml in a text clipping file that can be dragged to the control pages in the Mac client and gets added.

https://github.com/simons-plugins/indig ... ages-skill

This will need some work so please test , use and as you find issues ask Claude to improve and create a PR to add back. Technically I think it’s a good start but needs better design understanding.
siclark
Posts: 2355
Joined: Tue Jun 13, 2017 5:08 am
Location: UK

Re: Claude skill for designing Control Pages.

Post by siclark »

A few design iterations and sample pages and it’s getting better. What would be really useful is giving it a lot of good examples for it to take design patterns from and use that to update the skill docs.

If either people could share good examples of pages, copy and drag the page from indigo client into finder or point this skill to your database to get it to understand what works.

I had not done much with control pages for years but with the new Domio app and ability to deep link a url direct to a control page (apologies if this was already possible with Touch) I am starting to use them more again as they can be direct icons on homepage or included in pushover messages.
User avatar
durosity
Posts: 4810
Joined: Thu May 10, 2012 3:21 pm
Location: Newcastle Upon Tyne, Ye Ol' England.

Re: Claude skill for designing Control Pages.

Post by durosity »

I have a fairly complex control page it could use as a sample, but I’m afraid I’ve kinda missed this whole skill malarkey so I’m not sure how I would upload it to it?
Computer says no.
User avatar
jay (support)
Site Admin
Posts: 19232
Joined: Wed Mar 19, 2008 11:52 am
Location: Austin, Texas
Contact:

Re: Claude skill for designing Control Pages.

Post by jay (support) »

siclark wrote: Sun Mar 01, 2026 3:49 pm apologies if this was already possible with Touch
https://wiki.indigodomo.com/doku.php?id ... touch_urls
Jay (Indigo Support)
Twitter | Facebook | LinkedIn
siclark
Posts: 2355
Joined: Tue Jun 13, 2017 5:08 am
Location: UK

Re: Claude skill for designing Control Pages.

Post by siclark »

durosity wrote:I have a fairly complex control page it could use as a sample, but I’m afraid I’ve kinda missed this whole skill malarkey so I’m not sure how I would upload it to it?
Its not about uploading to the skill per se, but more letting Claude to see it and understand the layout and design choices and how the bits fit together in real world to then extract into instructions it can follow next time.
So it’s cloning the repo and then pointing to Claude to your db or an extracted page and using some relevant prompts, then creating a PR. or if you don’t mind DMing me it I can use the information.
I can work out some good prompts and add to the readme as well.
CliveS
Posts: 864
Joined: Sun Jan 10, 2016 5:31 am
Location: Medomsley, County Durham, UK

Re: Claude skill for designing Control Pages.

Post by CliveS »

siclark wrote: Mon Mar 02, 2026 1:39 am
durosity wrote:I have a fairly complex control page it could use as a sample, but I’m afraid I’ve kinda missed this whole skill malarkey so I’m not sure how I would upload it to it?
Its not about uploading to the skill per se, but more letting Claude to see it and understand the layout and design choices and how the bits fit together in real world to then extract into instructions it can follow next time.
So it’s cloning the repo and then pointing to Claude to your db or an extracted page and using some relevant prompts, then creating a PR. or if you don’t mind DMing me it I can use the information.
I can work out some good prompts and add to the readme as well.
Sorry to hijack the thread but Anthopic have some free Claude courses, I asked Claude about them

https://anthropic.skilljar.com
Rather than a single "just released" course, it looks like Anthropic's Academy at skilljar has been building out a whole catalogue — and there's been a lot of recent buzz about it. Here's what's currently on offer, all free with completion certificates:
New/Recent additions:

Introduction to Agent Skills — the newest addition, teaching you to build, configure and share Skills in Claude Code (reusable markdown instructions Claude applies automatically to the right tasks)
Claude Code in Action — released January 2026; teaches Claude Code architecture, context management with CLAUDE.md, custom commands, MCP server integration, GitHub workflows, Hooks, and the SDK SmartScope

Developer-focused:

Building with the Claude API — full spectrum of working with Claude via the API
Introduction to Model Context Protocol — build MCP servers and clients from scratch in Python, mastering tools, resources, and prompts GitHub
Model Context Protocol: Advanced Topics — sampling, notifications, file system access, transport mechanisms
Claude with Amazon Bedrock / Claude with Google Cloud's Vertex AI

General/AI Fluency:

Claude 101 — everyday work tasks and core features
AI Fluency: Framework & Foundations — collaborating with AI effectively and ethically
Plus educator, student, and nonprofit variants

Practical notes:

No Anthropic account required — just a Skilljar account Anthropic Courses
All free, all with certificates you can add to LinkedIn

The Agent Skills and Claude Code courses look most relevant to your home automation work — particularly Agent Skills if you're using Claude Code for scripting. The MCP courses would also be useful if you're thinking about connecting Claude to your Indigo/HA infrastructure.
CliveS

Indigo 2024.2.1 : macOS Sequoia 15.6.1 : Mac Mini M2 : 8‑core CPU and 10‑core GPU : 8 GB : 256GB SSD

The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer
siclark
Posts: 2355
Joined: Tue Jun 13, 2017 5:08 am
Location: UK

Re: Claude skill for designing Control Pages.

Post by siclark »

CliveS wrote:
siclark wrote: Mon Mar 02, 2026 1:39 am
durosity wrote:I have a fairly complex control page it could use as a sample, but I’m afraid I’ve kinda missed this whole skill malarkey so I’m not sure how I would upload it to it?
Its not about uploading to the skill per se, but more letting Claude to see it and understand the layout and design choices and how the bits fit together in real world to then extract into instructions it can follow next time.
So it’s cloning the repo and then pointing to Claude to your db or an extracted page and using some relevant prompts, then creating a PR. or if you don’t mind DMing me it I can use the information.
I can work out some good prompts and add to the readme as well.
Sorry to hijack the thread but Anthopic have some free Claude courses, I asked Claude about them

https://anthropic.skilljar.com
Rather than a single "just released" course, it looks like Anthropic's Academy at skilljar has been building out a whole catalogue — and there's been a lot of recent buzz about it. Here's what's currently on offer, all free with completion certificates:
New/Recent additions:

Introduction to Agent Skills — the newest addition, teaching you to build, configure and share Skills in Claude Code (reusable markdown instructions Claude applies automatically to the right tasks)
Claude Code in Action — released January 2026; teaches Claude Code architecture, context management with CLAUDE.md, custom commands, MCP server integration, GitHub workflows, Hooks, and the SDK SmartScope

Developer-focused:

Building with the Claude API — full spectrum of working with Claude via the API
Introduction to Model Context Protocol — build MCP servers and clients from scratch in Python, mastering tools, resources, and prompts GitHub
Model Context Protocol: Advanced Topics — sampling, notifications, file system access, transport mechanisms
Claude with Amazon Bedrock / Claude with Google Cloud's Vertex AI

General/AI Fluency:

Claude 101 — everyday work tasks and core features
AI Fluency: Framework & Foundations — collaborating with AI effectively and ethically
Plus educator, student, and nonprofit variants

Practical notes:

No Anthropic account required — just a Skilljar account Anthropic Courses
All free, all with certificates you can add to LinkedIn

The Agent Skills and Claude Code courses look most relevant to your home automation work — particularly Agent Skills if you're using Claude Code for scripting. The MCP courses would also be useful if you're thinking about connecting Claude to your Indigo/HA infrastructure.
Nice. Useful.
siclark
Posts: 2355
Joined: Tue Jun 13, 2017 5:08 am
Location: UK

Re: Claude skill for designing Control Pages.

Post by siclark »

siclark wrote:
durosity wrote:I have a fairly complex control page it could use as a sample, but I’m afraid I’ve kinda missed this whole skill malarkey so I’m not sure how I would upload it to it?
Its not about uploading to the skill per se, but more letting Claude to see it and understand the layout and design choices and how the bits fit together in real world to then extract into instructions it can follow next time.
So it’s cloning the repo and then pointing to Claude to your db or an extracted page and using some relevant prompts, then creating a PR. or if you don’t mind DMing me it I can use the information.
I can work out some good prompts and add to the readme as well.
There is a new version on GitHub. I’ve added a config for user preferences that combines yams for coded defaults such as colour and default sizes for say iPhone and tablet that fits your use case and an option for more verbose style guide.

And fixed a few bugs on its understanding of layout options.

It can now create a basic control page to a defined size and colours and layout for a list of devices. It asks questions and will show layout example in wireframes to confirm.
It can do pop ups etc and knows about using images etc but not been tested yet.

A good working starter.
Post Reply

Return to “Claude Skill”