docs: Storybook Introduction 문서 추가 (#193)

* docs: write Introduction.

* cs

* fix

.changeset/popular-keys-share.md

@@ -0,0 +1,5 @@
+---
+'docs': patch
+---
+
+write Introduction

apps/docs/src/stories/Configure.mdx

@@ -1,8 +1,51 @@
-import { Meta } from "@storybook/blocks";
+import { Meta } from '@storybook/blocks';
 
-<Meta title="Configure your project" />
+<Meta title='Introduction' />
 
-<h1>SOPT MAKERS Design System</h1>
+# makers design system (mds)
 
-<style>
-</style>
+### The Design System for SOPT makers
+
+> makers design system(mds) is a design system created to support the goals of approximately 50 members across 5 teams
+
+<br />
+<br />
+
+## Links
+
+[Github](https://github.com/sopt-makers/makers-design-system) / [npm](https://www.npmjs.com/search?q=%40sopt-makers)
+
+## Packages(npm)
+
+- [@sopt-makers/colors](https://www.npmjs.com/package/@sopt-makers/colors)
+- [@sopt-makers/icon](https://www.npmjs.com/package/@sopt-makers/icons)
+- [@sopt-makers/fonts](https://www.npmjs.com/package/@sopt-makers/fonts)
+- [@sopt-makers/ui](https://www.npmjs.com/package/@sopt-makers/ui)
+
+## Components(ui)
+
+- [Button](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-button--docs)
+- [Callout](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-button--docs)
+- Control
+  - [Checkbox](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-control-checkbox--docs)
+  - [Radio](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-control-radio--docs)
+  - [Toggle](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-control-toggle--docs)
+- [Chip](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-chip--docs)
+- [Dialog](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-dialog--docs)
+- [FieldBox](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-fieldbox--docs)
+- Input
+  - [SearchField](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-input-searchfield--docs)
+  - [Select(V2)](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-input-selectv2-withtriggercontent--docs)
+  - [TextArea](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-input-textarea--docs)
+  - [TextField](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-input-textfield--docs)
+  - [UserMention](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-input-usermention--docs)
+- [Skeleton](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-skeleton--docs)
+- [Tab](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-tab--docs)
+- [Tag](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-tag--docs)
+- [Toast](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-toast--docs)
+
+## Design Tokens and Icons
+
+### [Colors](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/story/colors-colors--default) / [Fonts](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/story/fonts-fonts--default) / [Icons](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/story/icons-icons--default)
+
+<style></style>