菜单
Distinctive UI design when frontend-design is not installed. Use when: routr-frontend bootstrap fails, building UI without Anthropic frontend-design skill, or output looks like generic AI template.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/TeckTinkerere/ROUTR --skill routr-depth-frontend命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Design multi-agent systems, agent loops, and eval harnesses. Use when: building agents, agent operating loop, research/self-correction loop, harness, memory, tools, context engineering, eval loop. Not for: a single AI SDK chat/RAG feature (→ routr-ai).
Build AI features with Vercel AI SDK (chat, agents, RAG, tools). Use when: chatbot, LLM, streaming, embeddings, tool calling, AI SDK, RAG. Not for: multi-agent architecture or eval harness (→ routr-agents); chat UI styling only (→ routr-frontend).
Skill install registry and paths for all routr-* routers. Use when: a router says a child skill is missing, install commands, skill aliases, or bundle profiles.
基于 SOC 职业分类
正在显示 SKILL.md
| name | routr-depth-frontend |
| description | Distinctive UI design when frontend-design is not installed. Use when: routr-frontend bootstrap fails, building UI without Anthropic frontend-design skill, or output looks like generic AI template. |
Fallback depth for routr-frontend. Load only when frontend-design is not installed.
Design plan before code — self-critique against generic AI defaults.
Name: concrete subject, audience, page's single job. Pull distinctive choices from the subject's world — not default palettes.
### Tokens
- Colors: [name #hex] × 4–6 with roles
- Display + body typefaces (paired deliberately)
- Layout concept (one sentence + wireframe if helpful)
### Signature
One memorable element tied to this brief
### Self-critique
[ ] Not interchangeable with generic SaaS template
prefers-reduced-motion respectedroutr-motionAvoid competing selector specificities (.section vs .cta padding wars).
npx skills add anthropics/skills@frontend-design -g -y --copy