Specify Prop Contracts
When adding props to components, spell out the type, allowed values, whether it's required or optional, and the default. Ambiguous prop specs lead to mismatched interfaces between components.
Where you'll practice this
One Promptles scenario teaches this principle directly.
The Missing Prop
You have a React component `UserCard.tsx` that displays a user's name and email. The design team wants you to add a `role` prop that shows a colored badge next to the name. The role can be "admin", "editor", or "viewer". It should be optional and default to "viewer". The project…
Other principles in Context
Declare the Tools You Need
Name the tool or MCP server by name, and say what to do if it isn't reachable.
Describe Before You Prescribe
Describe the Data Shape
Claude can't clean data it can't picture.
Explain the Integration Point
Keep Memory Reusable
Save patterns and preferences that survive across sessions; never save snapshots of finished work.
Map to Real Components
Use Code Connect so it reuses your components, not new markup.