Wf New — Design skill for Claude Code
Start a new Connect IQ watch face from the kit (design → mockup → project).
How to install Wf New
Installs to ~/.claude/commands/vitalikryzhenkous-connectiq-watchface-kit-wf-new.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/vitalikryzhenkous/connectiq-watchface-kit/HEAD/.claude/commands/wf-new.md -o ~/.claude/commands/vitalikryzhenkous-connectiq-watchface-kit-wf-new.md Restart Claude Code, or start a new session, for it to be picked up.
What Wf New does
description: Start a new Connect IQ watch face from the kit (design → mockup → project) argument-hint:
Use the `connectiq-watchface` skill.
Request: $ARGUMENTS
- Reply with a short analysis and a work plan. Ask only the questions that still matter: target devices, data fields, settings, 12/24h handling.
- Show an inline SVG mockup at the target resolution. Use original art only, no brand characters, and keep to the MIP 64-color pal
Alternatives in Design
- Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
- Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
- Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
I Built A Claude Code Skill That Turns Claude Into A Professional Project Architect - Generate Complete Requirements, Design Docs, And Implementation Plans In Minutes (Built With Claude)
Productivity Ever start a project and realize 3 days in that you should have planned better? Or tried to get C
Dsh Background Agents
Interactive long-session background agents for DeepSeek Harness: start a durable continuable child agent, watc
Design Critic
Use when you want an honest read on a design instead of encouragement. What is wrong, ranked by severity, with
Design UI
Designer workflow — create a mockup for a screen using Pencil MCP (default) or Figma MCP. Usage: /design-ui
Mockups
Generate mockup comparison viewer with iframe-based design options. Use when the user asks for mockups, design
Unity Mockup
Produces a visual mockup for a GitHub issue using the design canvas skill, matching the project's existing vis
Related Agents
Miband Dev
Builds and installs Xiaomi Smart Band 10 / 10 Pro / 11 watch faces and Vela JS apps (with an Android companion
Connect Agent
Use this agent when a target needs to be spawned/connected before recon can start — resolving an HTB machine n
Design Mockup
Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind). Use proacti