DPAI Craft

Make interfaces feel deliberate through small, evidence-backed improvements. Preserve the project's stack, component library, tokens, density, and established visual language.

Workflow

1. Resolve the requested screen, component, flow, and states.
2. Read the project's interface rules, design tokens, and nearby components before judging the work.
3. Inspect the rendered interface when visual or interaction behavior matters. Inspect source for the implementation behind each visible issue.
4. Prioritize broken or unclear interaction states before decorative polish.
5. Reuse existing components and tokens. Introduce a new primitive only when the project has no suitable one.
6. Implement changes in the project's existing styling system.
7. Verify default, hover, focus, active, disabled, loading, empty, error, and selected states where they exist.

For detailed checks, read only the reference relevant to the task:

• Read surfaces-and-icons.md for depth, borders, radii, imagery, and icon consistency.
• Read motion-and-states.md for transitions, feedback, reduced motion, and state completeness.