Repeatable Prompts for Common Tasks
This is a member-only chapter. Log in with your Signal Over Noise membership email to continue.
Log in to readModule 6 · Section 3 of 7
Repeatable Prompts for Common Tasks
The most useful AI workflow is a small library of prompts you’ve tested and know work. These are mine for Astro sites.
New component:
Create a [component name] component in src/components/.
It should [describe what it does].
Props: [list props with types].
Use CSS custom properties for all styling.
Read the existing components in src/components/ first to match the pattern.
New page:
Create a new page at src/pages/[path].astro.
It should use BaseLayout from src/layouts/BaseLayout.astro.
Title: "[page title]"
Content: [describe the content]
Read src/pages/index.astro first to match the pattern.
New blog post:
Create a blog post in src/content/blog/.
Slug: [slug]
Title: [title]
Topic: [topic]
Read src/content/config.ts to get the required frontmatter fields.
The post should be [length] words, in British English.
Debug build error:
The build is failing with this error:
[paste error output]
Read the file mentioned in the error and fix the issue.
Run npm run build after fixing to confirm it's resolved.
The “read X first” instruction in every prompt is the most important part. Claude Code working from context is meaningfully better than Claude Code working from a blank slate.