# 附錄與資源索引

## 本地參考文件

- `references/appendix-web-design-principles.md`
- `references/appendix-accessibility-and-usability.md`
- `references/phase-03-project-artifacts-and-agent-instructions.md`
- `references/phase-05-responsive-and-viewport.md`
- `references/phase-05-responsive-typography.md`
- `references/appendix-journey-flow-and-gestalt.md`
- `references/appendix-guideline-authoring.md`

## 本地實作資產

- `examples/css/tokens.css`
- `examples/css/components.css`
- `examples/typescript/design-tokens.ts`
- `examples/typescript/theme-provider.tsx`
- `examples/typescript/sample-components.tsx`
- `templates/globals.css`
- `templates/design-token-board.md`
- `templates/agents-append.md`
- `templates/claude-append.md`
- `templates/tailwind.config.js`
- `scripts/audit_frontend_principles.py`

## 外部參考資源

- Tailwind CSS: https://tailwindcss.com/docs
- shadcn/ui: https://ui.shadcn.com
- The A11Y Project Checklist: https://www.a11yproject.com/checklist/
- Nielsen Norman Group usability heuristics: https://www.nngroup.com/articles/ten-usability-heuristics/
- web.dev Responsive Design: https://web.dev/learn/design/
- web.dev Responsive web design basics: https://web.dev/articles/responsive-web-design-basics
- web.dev Container queries and units in action: https://web.dev/articles/baseline-in-action-container-queries
- web.dev Typography: https://web.dev/learn/css/typography/
- WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/
- MDN Using media queries: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries
- MDN Container size and style queries: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries
- MDN clamp(): https://developer.mozilla.org/en-US/docs/Web/CSS/clamp
- MDN grid-template-columns: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns
- W3C WAI Reflow: https://www.w3.org/WAI/WCAG21/Understanding/reflow.html
- CSS Custom Properties: https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties

當任務需要最新實作細節或更深入的背景知識時，再使用外部資源；若 repo 內已經有對應工作流程，優先讀本地參考文件。