macCesar

Ti New Screen — Design skill for Claude Code

Design community

Create a new Alloy screen (controller + view + style) following project conventions.

How to install Ti New Screen

Installs to ~/.claude/skills/maccesar-titools-ti-new-screen/SKILL.md

Terminal

mkdir -p ~/.claude/skills/maccesar-titools-ti-new-screen && curl -fsSL https://raw.githubusercontent.com/macCesar/titools/HEAD/commands/ti-new-screen.md -o ~/.claude/skills/maccesar-titools-ti-new-screen/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Ti New Screen does

name: ti-new-screen description: Create a new Alloy screen (controller + view + style) following project conventions argument-hint: ""

Create a new Alloy screen with the given name. Before creating files:

Invoke the alloy-guides skill to follow Alloy MVC patterns
If PurgeTSS is detected (purgetss/ folder exists), invoke the purgetss skill — all styling MUST use utility classes in the XML, NOT custom TSS
If PurgeTSS is detected, invoke the ti-ui skill for layo

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
Mockup — Create a visual UX mockup for a requested feature or screen 1.6k ★
Claude Design Card — Claude Code skill for generating design cards in 14 formats — platform covers, social sharing cards, and edito 461 ★