{"owner":"chakra-ui","repo":"ark","hasSkills":true,"hasMcp":false,"mcpConfig":null,"found":["CLAUDE.md"],"skills":{"CLAUDE.md":"# Ark UI - Claude Development Guide\n\nArk UI is a headless component library for building scalable Design Systems across React, Solid, Svelte, and Vue. Built\non top of Zag.js state machines, it provides unstyled, accessible UI components.\n\n## Documentation Structure\n\nThis guide is split into focused documents for better navigation:\n\n- **[Overview](@.claude/docs/overview.md)** - Project overview, architecture, and available components\n- **[Development](@.claude/docs/development.md)** - Development workflows, commands, and processes\n- **[Component Patterns](@.claude/docs/component_patterns.md)** - Component development patterns, examples, and testing\n- **[Framework Patterns](@.claude/docs/framework_patterns.md)** - Framework-specific patterns and advanced\n  implementations\n- **[Documentation Patterns](@.claude/docs/documentation-patterns.md)** - Website documentation structure, Examples vs\n  Guides, and writing guidelines\n\n## Quick Start\n\n### Common Commands\n\n```bash\n# Install dependencies\nbun install\n\n# Build all packages\nbun run build\n\n# Run tests across all packages\nbun run test\n\n# Type check all packages\nbun run typecheck\n\n# Lint all packages\nbun run lint\n\n# Format code\nbun run format\n```\n\n### Framework Development\n\n```bash\n# Work with specific framework packages\nbun run react dev      # React Storybook on port 6006\nbun run solid dev      # Solid Storybook on port 6006\nbun run svelte dev     # Svelte Storybook on port 6006\nbun run vue dev        # Vue Storybook on port 6006\n```\n\n### Claude Code Commands\n\nThe project includes Claude Code slash commands in `.claude/commands/`:\n\n- `/zag` - Implement a Zag.js component in Ark UI (follows specific implementation workflow)\n\n## Project Structure\n\n```\nark/\n├── packages/           # Framework-specific implementations\n│   ├── react/         # React components\n│   ├── solid/         # SolidJS components\n│   ├── svelte/        # Svelte components\n│   └── vue/           # Vue components\n├── website/           # Documentation site\n├── templates/         # Project templates\n├── integrations/      # Third-party integrations\n└── scripts/           # Build and utility scripts\n```\n\n## Key Principles\n\n- **TypeScript First**: All components must be fully typed\n- **Framework Consistency**: Maintain API parity across React, Solid, Svelte, and Vue\n- **Accessibility**: Follow ARIA guidelines and test with screen readers\n- **No Comments**: Follow existing codebase pattern of minimal commenting\n- **Imports**: Use absolute imports from framework packages (`@ark-ui/solid/checkbox`)\n\n## Contributing\n\n1. Follow existing code patterns and conventions\n2. Add TypeScript types for all new code\n3. Include Storybook stories for components\n4. Write tests for component behavior\n5. Ensure accessibility compliance\n\nFor detailed information on any topic, refer to the specific documentation files linked above.\n"},"files":{"CLAUDE.md":"# Ark UI - Claude Development Guide\n\nArk UI is a headless component library for building scalable Design Systems across React, Solid, Svelte, and Vue. Built\non top of Zag.js state machines, it provides unstyled, accessible UI components.\n\n## Documentation Structure\n\nThis guide is split into focused documents for better navigation:\n\n- **[Overview](@.claude/docs/overview.md)** - Project overview, architecture, and available components\n- **[Development](@.claude/docs/development.md)** - Development workflows, commands, and processes\n- **[Component Patterns](@.claude/docs/component_patterns.md)** - Component development patterns, examples, and testing\n- **[Framework Patterns](@.claude/docs/framework_patterns.md)** - Framework-specific patterns and advanced\n  implementations\n- **[Documentation Patterns](@.claude/docs/documentation-patterns.md)** - Website documentation structure, Examples vs\n  Guides, and writing guidelines\n\n## Quick Start\n\n### Common Commands\n\n```bash\n# Install dependencies\nbun install\n\n# Build all packages\nbun run build\n\n# Run tests across all packages\nbun run test\n\n# Type check all packages\nbun run typecheck\n\n# Lint all packages\nbun run lint\n\n# Format code\nbun run format\n```\n\n### Framework Development\n\n```bash\n# Work with specific framework packages\nbun run react dev      # React Storybook on port 6006\nbun run solid dev      # Solid Storybook on port 6006\nbun run svelte dev     # Svelte Storybook on port 6006\nbun run vue dev        # Vue Storybook on port 6006\n```\n\n### Claude Code Commands\n\nThe project includes Claude Code slash commands in `.claude/commands/`:\n\n- `/zag` - Implement a Zag.js component in Ark UI (follows specific implementation workflow)\n\n## Project Structure\n\n```\nark/\n├── packages/           # Framework-specific implementations\n│   ├── react/         # React components\n│   ├── solid/         # SolidJS components\n│   ├── svelte/        # Svelte components\n│   └── vue/           # Vue components\n├── website/           # Documentation site\n├── templates/         # Project templates\n├── integrations/      # Third-party integrations\n└── scripts/           # Build and utility scripts\n```\n\n## Key Principles\n\n- **TypeScript First**: All components must be fully typed\n- **Framework Consistency**: Maintain API parity across React, Solid, Svelte, and Vue\n- **Accessibility**: Follow ARIA guidelines and test with screen readers\n- **No Comments**: Follow existing codebase pattern of minimal commenting\n- **Imports**: Use absolute imports from framework packages (`@ark-ui/solid/checkbox`)\n\n## Contributing\n\n1. Follow existing code patterns and conventions\n2. Add TypeScript types for all new code\n3. Include Storybook stories for components\n4. Write tests for component behavior\n5. Ensure accessibility compliance\n\nFor detailed information on any topic, refer to the specific documentation files linked above.\n"},"items":[{"name":"CLAUDE.md","path":"CLAUDE.md","title":"CLAUDE.md","content":"# Ark UI - Claude Development Guide\n\nArk UI is a headless component library for building scalable Design Systems across React, Solid, Svelte, and Vue. Built\non top of Zag.js state machines, it provides unstyled, accessible UI components.\n\n## Documentation Structure\n\nThis guide is split into focused documents for better navigation:\n\n- **[Overview](@.claude/docs/overview.md)** - Project overview, architecture, and available components\n- **[Development](@.claude/docs/development.md)** - Development workflows, commands, and processes\n- **[Component Patterns](@.claude/docs/component_patterns.md)** - Component development patterns, examples, and testing\n- **[Framework Patterns](@.claude/docs/framework_patterns.md)** - Framework-specific patterns and advanced\n  implementations\n- **[Documentation Patterns](@.claude/docs/documentation-patterns.md)** - Website documentation structure, Examples vs\n  Guides, and writing guidelines\n\n## Quick Start\n\n### Common Commands\n\n```bash\n# Install dependencies\nbun install\n\n# Build all packages\nbun run build\n\n# Run tests across all packages\nbun run test\n\n# Type check all packages\nbun run typecheck\n\n# Lint all packages\nbun run lint\n\n# Format code\nbun run format\n```\n\n### Framework Development\n\n```bash\n# Work with specific framework packages\nbun run react dev      # React Storybook on port 6006\nbun run solid dev      # Solid Storybook on port 6006\nbun run svelte dev     # Svelte Storybook on port 6006\nbun run vue dev        # Vue Storybook on port 6006\n```\n\n### Claude Code Commands\n\nThe project includes Claude Code slash commands in `.claude/commands/`:\n\n- `/zag` - Implement a Zag.js component in Ark UI (follows specific implementation workflow)\n\n## Project Structure\n\n```\nark/\n├── packages/           # Framework-specific implementations\n│   ├── react/         # React components\n│   ├── solid/         # SolidJS components\n│   ├── svelte/        # Svelte components\n│   └── vue/           # Vue components\n├── website/           # Documentation site\n├── templates/         # Project templates\n├── integrations/      # Third-party integrations\n└── scripts/           # Build and utility scripts\n```\n\n## Key Principles\n\n- **TypeScript First**: All components must be fully typed\n- **Framework Consistency**: Maintain API parity across React, Solid, Svelte, and Vue\n- **Accessibility**: Follow ARIA guidelines and test with screen readers\n- **No Comments**: Follow existing codebase pattern of minimal commenting\n- **Imports**: Use absolute imports from framework packages (`@ark-ui/solid/checkbox`)\n\n## Contributing\n\n1. Follow existing code patterns and conventions\n2. Add TypeScript types for all new code\n3. Include Storybook stories for components\n4. Write tests for component behavior\n5. Ensure accessibility compliance\n\nFor detailed information on any topic, refer to the specific documentation files linked above.\n","category":"root","tokens":718}]}