From tonone
Recommends UI styles, design directions, and visual approaches for products by matching to industry or type. Uses searches for product reasoning, style details, anti-patterns; outputs CLI box with checklist.
How this skill is triggered — by the user, by Claude, or both
Slash command
/tonone:form-styleThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Follow the output format defined in docs/output-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.
Follow the output format defined in docs/output-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.
Product needs a visual direction. Industry or product type is known or discoverable from context.
python3 -m form_agent.uiux search --domain product --query "{product_type}" --limit 3
python3 -m form_agent.uiux search --domain style --query "{recommended_style}" --limit 3
┌─ Style Recommendation ─────────────────────┐
│ Product: {product_type} │
│ Style: {primary_style} │
│ Fallback: {secondary_style} │
├─ Effects ───────────────────────────────────┤
│ {key_effects from style search} │
├─ Anti-patterns ─────────────────────────────┤
│ ✗ {anti_pattern_1} │
│ ✗ {anti_pattern_2} │
├─ Implementation Checklist ──────────────────┤
│ □ {checklist_item_1} │
│ □ {checklist_item_2} │
└─────────────────────────────────────────────┘
If output exceeds the 40-line CLI budget, invoke /atlas-report with the full findings. The HTML report is the output. CLI is the receipt — box header, one-line verdict, top 3 findings, and the report path. Never dump analysis to CLI.
npx claudepluginhub tonone-ai/tonone --plugin ai-ops-team3plugins reuse this skill
First indexed Jun 16, 2026
Recommends UI styles, design directions, and visual approaches for products by matching to industry or type. Uses searches for product reasoning, style details, anti-patterns; outputs CLI box with checklist.
Designs UI/UX systems with style guides, color palettes, typography, and component specs for new interfaces. Uses BM25 search for data-driven design intelligence.
Routes frontend design tasks to 48 specific UI styles. Activates when users request websites, app screens, or UI components with a particular aesthetic.