Skip to content

Commit 8d8e470

Browse files
btiernayclaude
andcommitted
feat: add writing-quickstarts skill for Auth0 documentation
Add Claude Code skill to guide technical writers through creating Auth0 QuickStart guides that address known usability patterns from user research. Key improvements addressed: - Clear dashboard navigation patterns - Setup flow distinction - External service integration guidance - Resource relationship clarification - Context and purpose for each step Based on A4AA QuickStart research findings. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 3e81318 commit 8d8e470

File tree

1 file changed

+235
-0
lines changed
  • .claude/skills/writing-quickstarts

1 file changed

+235
-0
lines changed
Lines changed: 235 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,235 @@
1+
---
2+
name: writing-quickstarts
3+
description: Guides technical writers through creating Auth0 QuickStart guides that address known usability patterns. Use when writing new QuickStarts, improving existing integration guides, clarifying navigation, structuring prerequisites, or simplifying external service setup.
4+
---
5+
6+
# Writing Auth0 QuickStarts
7+
8+
Create QuickStart guides that help users integrate Auth0 authentication successfully.
9+
10+
Refer to the `writing-auth0-docs` skill for comprehensive style guide information including voice, tone, terminology, and formatting conventions.
11+
12+
## Known usability patterns
13+
14+
QuickStart users consistently struggle with:
15+
- **Dashboard navigation**: Multiple Settings pages in the Auth0 Dashboard with similar names cause confusion
16+
- **Setup flow distinction**: Users treat setup steps as part of main workflow, not separate preparation
17+
- **External service complexity**: Third-party configurations involve platform switching and unfamiliar interfaces
18+
- **Resource relationships**: Similar Auth0 resources need explicit differentiation
19+
- **Missing context**: Users need to understand why each step matters, not just how
20+
21+
## QuickStart structure
22+
23+
QuickStarts are guides that help readers complete a task efficiently. Structure every QuickStart in three phases:
24+
- **Setup phase**: Dashboard configuration and resource creation
25+
- **Integration phase**: Code implementation and configuration
26+
- **Verification phase**: Testing and troubleshooting
27+
28+
Name sections appropriately for your context while maintaining this logical flow.
29+
30+
## Start with goals and prerequisites
31+
32+
Begin every QuickStart with a clear goal explaining what the developer will achieve.
33+
34+
List all prerequisites:
35+
- Programming language familiarity
36+
- Required concepts
37+
- Installed developer tools
38+
- Required user accounts
39+
- Existing configuration needs
40+
41+
Make each step clear about why it needs to be followed.
42+
43+
## Setup phase
44+
45+
Provide the same level of detail as your integration section. Users don't mentally separate these phases.
46+
47+
### Navigation must be explicit
48+
49+
Always specify which Settings page in the Auth0 Dashboard you mean. The Dashboard contains multiple Settings pages:
50+
- Application Settings (specific to each application)
51+
- Tenant Settings (account-wide settings)
52+
- API Settings (specific to each API)
53+
54+
Never write "Go to Settings" without qualification. Always provide full navigation paths with dashboard links.
55+
56+
### Structure each resource setup
57+
58+
For each resource:
59+
1. Purpose statement - why this resource exists and how it's used
60+
2. Navigation - exact path with dashboard link
61+
3. Configuration steps - numbered, sequential instructions
62+
4. Field explanations - what each setting does and why it matters
63+
5. Checkpoint - confirmation of correct state via callout
64+
6. Forward reference - how this connects to integration
65+
66+
### Writing steps effectively
67+
68+
- Tell users what the outcome should be before describing the behavior
69+
- List actions in the order they need to happen
70+
- Be direct and concise for introductory text
71+
72+
## Integration phase
73+
74+
### Start with environment configuration
75+
76+
Always begin with environment setup showing exact format. Explain what each value represents and where it came from.
77+
78+
### Include complete examples
79+
80+
Examples are crucial - many developers copy and paste. Ensure:
81+
- Each step has an example
82+
- Examples can be copied, pasted, and executed
83+
- Placeholders are clearly highlighted when values need replacement
84+
- Downloaded projects match examples exactly (naming conventions, structure, code location)
85+
86+
### Code quality requirements
87+
88+
- Include all imports
89+
- Use realistic, descriptive variable names
90+
- Comment Auth0-specific parts
91+
- Connect each parameter back to dashboard configuration with inline comments
92+
- Show complete, runnable code - not snippets requiring assembly
93+
94+
### Explain configuration parameters
95+
96+
For each parameter describe:
97+
- What it is
98+
- Why it's needed
99+
- What value to use
100+
- How it connects to dashboard configuration
101+
102+
### Maintain consistent terminology
103+
104+
Choose one term for each concept throughout. Don't alternate between synonyms.
105+
106+
## Verification phase
107+
108+
### Testing and troubleshooting
109+
110+
- Number each verification step showing exactly what should happen
111+
- Use accordions when you have four or more common errors
112+
- For each error: show the message, explain the cause, provide resolution steps
113+
- Explicitly state what indicators show successful integration
114+
115+
### Notes and warnings
116+
117+
- **Notes**: General information that would be nice to know
118+
- **Warnings**: Information that may cause failure if not followed
119+
- Place warnings exactly where the user needs to perform the related action
120+
121+
## External service setup pattern
122+
123+
Third-party configurations require platform switching and unfamiliar interfaces. Use a clear two-part structure.
124+
125+
### External service configuration
126+
- Set context explicitly - state you're leaving Auth0 and entering another platform
127+
- Tell users to keep both tabs open
128+
- Number steps clearly with descriptive headers for each phase
129+
- Provide exact values with placeholder replacement instructions
130+
- Add checkpoints confirming what credentials or settings should exist
131+
132+
### Auth0 connection configuration
133+
- Bridge back explicitly - state you're returning to Auth0 Dashboard
134+
- Show exactly where external credentials go in Auth0
135+
- Show how to activate the connection for the application
136+
- Provide test procedure with common error resolutions
137+
138+
## Clarify complex relationships
139+
140+
When users must create multiple related resources:
141+
- Use callout upfront to indicate which tech stacks require these steps
142+
- Provide skip-ahead link for others
143+
- Create clear contrast: what each represents, how they differ, why both needed, how they work together
144+
- Show relationship visually if possible
145+
- Show exactly how each resource appears in code
146+
147+
## Break tasks into steps and sub-tasks
148+
149+
QuickStarts can be read in parts or as a whole. Use clear hierarchy.
150+
151+
When describing a feature, answer:
152+
- Who typically does the task?
153+
- What is the goal?
154+
- Why is the task needed?
155+
- When and where in the workflow should it happen?
156+
- Does it deserve its own section or fall under a larger task?
157+
158+
Don't add too much conceptual information in step descriptions. Link to concept documentation instead.
159+
160+
Break out reference sections (tables, lists, best practices, troubleshooting) into separate documents when they could be reused.
161+
162+
## Headings
163+
164+
Use sentence case - only capitalize first word and proper nouns or Auth0 product names.
165+
166+
Use simple tense, not progressive or gerund forms.
167+
168+
Use task-oriented titles describing performance goals, not Auth0-specific feature names.
169+
170+
## Content patterns
171+
172+
- **Callouts**: Supplementary information or warnings for critical issues
173+
- **Cards**: "Find your X" helpers, concept clarifications, related information
174+
- **Accordions**: Lists of four or more items (troubleshooting, optional features, detailed references)
175+
- **Tabs**: Same result through different paths (Dashboard vs API, different providers/frameworks)
176+
- **Tooltips**: First mention of Auth0 or CIAM terms, linking to glossary
177+
178+
## Content organization checklist
179+
180+
Before publishing verify:
181+
182+
**Structure**
183+
- Setup matches integration detail level
184+
- Steps numbered sequentially
185+
- Purpose stated for each section
186+
- Tasks broken into appropriate sub-tasks
187+
- Minimal conceptual information (linked to concept docs)
188+
189+
**Navigation**
190+
- Specific Dashboard Settings page identified (Application, Tenant, or API)
191+
- Dashboard links provided
192+
- Full paths shown
193+
- Device-agnostic directions ("select" not "click", avoid "scroll")
194+
195+
**Explanations**
196+
- Setup steps explain why needed
197+
- Format-sensitive values have examples
198+
- Resource relationships clarified
199+
- Glossary terms have tooltips
200+
201+
**Code**
202+
- Examples complete and runnable
203+
- Can be copied, pasted, and executed
204+
- Placeholders clearly highlighted
205+
- Auth0 parts commented
206+
- Variable names descriptive
207+
- Downloaded projects match examples exactly
208+
209+
**Verification**
210+
- Checkpoints after major steps
211+
- Testing instructions provided
212+
- Troubleshooting organized (accordions for 4+ items)
213+
- Success criteria defined
214+
- Warnings placed exactly where needed
215+
216+
**External integrations**
217+
- Two-part structure clear
218+
- Platform switching explicit
219+
- Exact configuration values
220+
- Verification included
221+
222+
## Common mistakes
223+
224+
- **Vague navigation**: Always specify which Settings page (Application, Tenant, or API) and provide link
225+
- **Assumed knowledge**: Never assume users know where to find Auth0 resources
226+
- **Missing purpose**: Every configuration step needs a "why"
227+
- **Inconsistent terms**: Pick one name per concept and stick with it
228+
- **Tech stack assumptions**: Note which instructions vary by stack
229+
- **Generic link text**: Make link titles scannable and descriptive
230+
- **Wrong verb/noun forms**: "Log in" (verb) vs "login" (noun), "set up" (verb) vs "setup" (noun)
231+
- **Wrong heading case**: Use sentence case, not title case
232+
- **Progressive tense in headings**: Use simple tense
233+
- **Expectations last**: Tell users what will happen before what to do
234+
- **Too much concept**: Link to explanatory documentation instead
235+
- **Reference sections inline**: Break out reusable reference information

0 commit comments

Comments
 (0)