Corncob

Corncob Design Language

Corncob is a framework-neutral design language built with tokens, CSS, and plain JavaScript behavior.

Guides

Detailed guides for specific use cases and integrations.

Available Guides

Learn how AI systems (like GitHub Copilot, Claude, and other code generators) should consume the Corncob design system files for consistent, validated code generation.

For: Developers integrating Corncob with AI code generation tools, or AI platform builders

Topics:

  • How to reference components.json and tokens.json
  • How to use the Corncob grid as the default layout system
  • How to start from canonical component code before enhancing
  • Best practices for form patterns and component generation
  • Validation rules for class names and design tokens
  • Common AI tasks and workflows
  • Accessibility minimums

Start reading: AI Integration Guide