The daangn/seed-design repository represents a comprehensive design system developed by Daangn. Its core methodology revolves around a modular, monorepo architecture, leveraging Bun as the primary package manager and runtime environment, and TypeScript for robust type checking.

The system is structured into several key components:

1. Core Libraries:
   • @seed-design/rootage: Likely serves as the foundational package, potentially defining design tokens, core utilities, or shared configurations.
   • @seed-design/css: Provides the core CSS assets, including foundational styles, utility classes, and possibly CSS-in-JS configurations.
   • @seed-design/qvism-preset: Indicates integration with or a preset for a system or tool named "Qvism," suggesting a specific visual language or animation framework.

2. React Component Libraries:
   • @seed-design/react-headless: Offers a set of unstyled, accessible React components, allowing developers full control over presentation while inheriting core logic and accessibility features. This follows the headless UI pattern.
   • @seed-design/react: Provides a collection of pre-styled React components, built upon the headless components, adhering to the established Seed Design visual guidelines.

3. Integrations:
   • @seed-design/stackflow: Facilitates integration with Stackflow, implying a focus on navigation patterns, routing, or multi-screen user interfaces within applications built with the design system.
   • @seed-design/figma: Connects the design system with Figma, likely for design token synchronization, component mapping, or generating design specifications directly from code. This ensures consistency between design and development.
   • @seed-design/mcp: Denotes integration with another specific platform or tool, "MCP," whose exact function is not detailed but suggests broader ecosystem compatibility.

4. Ecosystem & Tooling:
   • @seed-design/ecosystem/rootage, @seed-design/ecosystem/qvism: Further extends the core and Qvism aspects within a broader ecosystem context, potentially for specific applications or extensions.
   • @seed-design/ecosystem/figma-extractor: A dedicated tool for extracting design data (e.g., tokens, component properties, styles) from Figma files, reinforcing the code-design synchronization workflow.
   • scripts/, tools/, types/: Common directories for build scripts, development utilities, and shared TypeScript type definitions across the monorepo.

5. Documentation & Development Practices:
   • docs/, @seed-design/docs: Dedicated documentation portals, crucial for guiding usage and contribution to the design system.
   • .agents/, skills/, AGENTS.md, CLAUDE.md: Suggests an integration of AI agents (e.g., via Claude AI or custom agents) for automated development tasks, code generation, testing, or intelligent assistance within the project workflow.
   • Configuration files like biome.json, knip.json, renovate.json, and bunfig.toml indicate a commitment to code quality (Biome for formatting/linting), dependency management (Renovate for automated updates), dead code elimination (Knip), and efficient build processes (Bun).

In essence, daangn/seed-design is a holistic, well-engineered design system designed to streamline UI development for Daangn's products, emphasizing reusability, consistency, and a robust developer experience with modern tooling and potential AI assistance.