From diataxis
Use when the user asks for a how-to guide, step-by-step instructions for a specific goal, troubleshooting guide, configuration guide, deployment steps, migration guide, or operational runbook. Creates goal-oriented guides for competent users who know what they want to achieve. The reader already understands the basics — this is about getting work done. Do not use for beginner onboarding (use tutorial) or conceptual background (use explanation).
npx claudepluginhub jayteealao/agent-skills --plugin diataxisThis skill uses the workspace's default tool permissions.
Create a goal-oriented guide that helps a competent user get something done.
Creates new Angular apps using Angular CLI with flags for routing, SSR, SCSS, prefixes, and AI config. Follows best practices for modern TypeScript/Angular development. Use when starting Angular projects.
Generates Angular code and provides architectural guidance for projects, components, services, reactivity with signals, forms, dependency injection, routing, SSR, ARIA accessibility, animations, Tailwind styling, testing, and CLI tooling.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Create a goal-oriented guide that helps a competent user get something done.
A how-to guide is about work, not study. It is not a tutorial.
Use this skill when the user asks for:
Do not use this skill for beginner onboarding or conceptual background.
Assume the reader:
Good scopes:
Bad scopes:
Use this structure unless the task genuinely needs branching:
A how-to guide does not have to be perfectly linear. If the task has forks, entry points, or judgement calls:
Produce a guide that:
Before returning, verify: