# Cypress Design System > Agent-readable guidance for the Cypress Design System: design principles, tokens, voice, accessibility, and component docs. Start with the index, fetch only what the task needs. ## Docs - [index.md](https://design.cypress.io/agents/index.md): router — fetch this first, it points at the rest - [accessibility.md](https://design.cypress.io/agents/accessibility.md) - [architecture.md](https://design.cypress.io/agents/architecture.md) - [colors.md](https://design.cypress.io/agents/colors.md) - [components/Accordion/ReadMe.md](https://design.cypress.io/agents/components/Accordion/ReadMe.md) - [components/Accordion/instructions.md](https://design.cypress.io/agents/components/Accordion/instructions.md) - [components/Accordion/react/ReadMe.md](https://design.cypress.io/agents/components/Accordion/react/ReadMe.md) - [components/Accordion/vue/ReadMe.md](https://design.cypress.io/agents/components/Accordion/vue/ReadMe.md) - [components/Alert/ReadMe.md](https://design.cypress.io/agents/components/Alert/ReadMe.md) - [components/Alert/instructions.md](https://design.cypress.io/agents/components/Alert/instructions.md) - [components/Alert/react/ReadMe.md](https://design.cypress.io/agents/components/Alert/react/ReadMe.md) - [components/Alert/vue/ReadMe.md](https://design.cypress.io/agents/components/Alert/vue/ReadMe.md) - [components/Button/ReadMe.md](https://design.cypress.io/agents/components/Button/ReadMe.md) - [components/Button/instructions.md](https://design.cypress.io/agents/components/Button/instructions.md) - [components/Button/react/ReadMe.md](https://design.cypress.io/agents/components/Button/react/ReadMe.md) - [components/Button/vue/ReadMe.md](https://design.cypress.io/agents/components/Button/vue/ReadMe.md) - [components/Checkbox/ReadMe.md](https://design.cypress.io/agents/components/Checkbox/ReadMe.md) - [components/Checkbox/instructions.md](https://design.cypress.io/agents/components/Checkbox/instructions.md) - [components/Checkbox/react/ReadMe.md](https://design.cypress.io/agents/components/Checkbox/react/ReadMe.md) - [components/Checkbox/vue/ReadMe.md](https://design.cypress.io/agents/components/Checkbox/vue/ReadMe.md) - [components/DocMenu/ReadMe.md](https://design.cypress.io/agents/components/DocMenu/ReadMe.md) - [components/DocMenu/instructions.md](https://design.cypress.io/agents/components/DocMenu/instructions.md) - [components/DocMenu/react/ReadMe.md](https://design.cypress.io/agents/components/DocMenu/react/ReadMe.md) - [components/DocMenu/vue/ReadMe.md](https://design.cypress.io/agents/components/DocMenu/vue/ReadMe.md) - [components/Icon/ReadMe.md](https://design.cypress.io/agents/components/Icon/ReadMe.md) - [components/Icon/instructions.md](https://design.cypress.io/agents/components/Icon/instructions.md) - [components/Icon/react/ReadMe.md](https://design.cypress.io/agents/components/Icon/react/ReadMe.md) - [components/Icon/vue/ReadMe.md](https://design.cypress.io/agents/components/Icon/vue/ReadMe.md) - [components/Logo/ReadMe.md](https://design.cypress.io/agents/components/Logo/ReadMe.md) - [components/Logo/instructions.md](https://design.cypress.io/agents/components/Logo/instructions.md) - [components/Logo/react/ReadMe.md](https://design.cypress.io/agents/components/Logo/react/ReadMe.md) - [components/Logo/vue/ReadMe.md](https://design.cypress.io/agents/components/Logo/vue/ReadMe.md) - [components/Menu/ReadMe.md](https://design.cypress.io/agents/components/Menu/ReadMe.md) - [components/Menu/instructions.md](https://design.cypress.io/agents/components/Menu/instructions.md) - [components/Menu/react/ReadMe.md](https://design.cypress.io/agents/components/Menu/react/ReadMe.md) - [components/Menu/vue/ReadMe.md](https://design.cypress.io/agents/components/Menu/vue/ReadMe.md) - [components/Modal/ReadMe.md](https://design.cypress.io/agents/components/Modal/ReadMe.md) - [components/Modal/instructions.md](https://design.cypress.io/agents/components/Modal/instructions.md) - [components/Modal/react/ReadMe.md](https://design.cypress.io/agents/components/Modal/react/ReadMe.md) - [components/Modal/vue/ReadMe.md](https://design.cypress.io/agents/components/Modal/vue/ReadMe.md) - [components/RunResults/architecture.md](https://design.cypress.io/agents/components/RunResults/architecture.md) - [components/RunResults/instructions.md](https://design.cypress.io/agents/components/RunResults/instructions.md) - [components/RunResults/react/ReadMe.md](https://design.cypress.io/agents/components/RunResults/react/ReadMe.md) - [components/RunResults/vue/ReadMe.md](https://design.cypress.io/agents/components/RunResults/vue/ReadMe.md) - [components/Spinner/ReadMe.md](https://design.cypress.io/agents/components/Spinner/ReadMe.md) - [components/Spinner/instructions.md](https://design.cypress.io/agents/components/Spinner/instructions.md) - [components/Spinner/react/ReadMe.md](https://design.cypress.io/agents/components/Spinner/react/ReadMe.md) - [components/Spinner/vue/ReadMe.md](https://design.cypress.io/agents/components/Spinner/vue/ReadMe.md) - [components/StatusIcon/ReadMe.md](https://design.cypress.io/agents/components/StatusIcon/ReadMe.md) - [components/StatusIcon/instructions.md](https://design.cypress.io/agents/components/StatusIcon/instructions.md) - [components/StatusIcon/react/ReadMe.md](https://design.cypress.io/agents/components/StatusIcon/react/ReadMe.md) - [components/StatusIcon/vue/ReadMe.md](https://design.cypress.io/agents/components/StatusIcon/vue/ReadMe.md) - [components/Tabs/ReadMe.md](https://design.cypress.io/agents/components/Tabs/ReadMe.md) - [components/Tabs/instructions.md](https://design.cypress.io/agents/components/Tabs/instructions.md) - [components/Tabs/react/ReadMe.md](https://design.cypress.io/agents/components/Tabs/react/ReadMe.md) - [components/Tabs/vue/ReadMe.md](https://design.cypress.io/agents/components/Tabs/vue/ReadMe.md) - [components/Tag/ReadMe.md](https://design.cypress.io/agents/components/Tag/ReadMe.md) - [components/Tag/instructions.md](https://design.cypress.io/agents/components/Tag/instructions.md) - [components/Tag/react/ReadMe.md](https://design.cypress.io/agents/components/Tag/react/ReadMe.md) - [components/Tag/vue/ReadMe.md](https://design.cypress.io/agents/components/Tag/vue/ReadMe.md) - [components/TestResult/ReadMe.md](https://design.cypress.io/agents/components/TestResult/ReadMe.md) - [components/TestResult/instructions.md](https://design.cypress.io/agents/components/TestResult/instructions.md) - [components/TestResult/react/ReadMe.md](https://design.cypress.io/agents/components/TestResult/react/ReadMe.md) - [components/TestResult/vue/ReadMe.md](https://design.cypress.io/agents/components/TestResult/vue/ReadMe.md) - [components/Textbox/ReadMe.md](https://design.cypress.io/agents/components/Textbox/ReadMe.md) - [components/Textbox/architecture.md](https://design.cypress.io/agents/components/Textbox/architecture.md) - [components/Textbox/instructions.md](https://design.cypress.io/agents/components/Textbox/instructions.md) - [components/Textbox/react/ReadMe.md](https://design.cypress.io/agents/components/Textbox/react/ReadMe.md) - [components/Textbox/vue/ReadMe.md](https://design.cypress.io/agents/components/Textbox/vue/ReadMe.md) - [components/Tooltip/ReadMe.md](https://design.cypress.io/agents/components/Tooltip/ReadMe.md) - [components/Tooltip/instructions.md](https://design.cypress.io/agents/components/Tooltip/instructions.md) - [components/Tooltip/react/ReadMe.md](https://design.cypress.io/agents/components/Tooltip/react/ReadMe.md) - [components/Tooltip/vue/ReadMe.md](https://design.cypress.io/agents/components/Tooltip/vue/ReadMe.md) - [errors.md](https://design.cypress.io/agents/errors.md) - [iconography.md](https://design.cypress.io/agents/iconography.md) - [illustrations.md](https://design.cypress.io/agents/illustrations.md) - [pages/colors.md](https://design.cypress.io/agents/pages/colors.md) - [personas.md](https://design.cypress.io/agents/personas.md) - [principles/ai.md](https://design.cypress.io/agents/principles/ai.md) - [principles/feedback.md](https://design.cypress.io/agents/principles/feedback.md) - [principles/learning-from-feedback.md](https://design.cypress.io/agents/principles/learning-from-feedback.md) - [principles/product.md](https://design.cypress.io/agents/principles/product.md) - [principles/releases.md](https://design.cypress.io/agents/principles/releases.md) - [principles/ux.md](https://design.cypress.io/agents/principles/ux.md) - [principles/visual-hierarchy.md](https://design.cypress.io/agents/principles/visual-hierarchy.md) - [product-review-checklist.md](https://design.cypress.io/agents/product-review-checklist.md) - [review-checklist.md](https://design.cypress.io/agents/review-checklist.md) - [skills/cy-design-review.md](https://design.cypress.io/agents/skills/cy-design-review.md) - [skills/cy-git-commit-and-push.md](https://design.cypress.io/agents/skills/cy-git-commit-and-push.md) - [skills/cy-resolve-pr-comments.md](https://design.cypress.io/agents/skills/cy-resolve-pr-comments.md) - [skills/cy-review-pr-comments.md](https://design.cypress.io/agents/skills/cy-review-pr-comments.md) - [skills/implement-component.md](https://design.cypress.io/agents/skills/implement-component.md) - [spacing.md](https://design.cypress.io/agents/spacing.md) - [typography.md](https://design.cypress.io/agents/typography.md) - [voice.md](https://design.cypress.io/agents/voice.md)