diff --git a/bob_party/src/screens/Chat.tsx b/bob_party/src/screens/Chat.tsx
index 9a3f391..a911a34 100644
--- a/bob_party/src/screens/Chat.tsx
+++ b/bob_party/src/screens/Chat.tsx
@@ -6,7 +6,7 @@ import { Skin } from '../core/skin';
 import { TopBar } from '../components/TopBar';
 import { BotBar } from '../components/BotBar';
 
-const skinTest= new Skin("S0001", "Bob",require('../../assets/Icons/BobClassic.png'));
+const skinTest= new Skin("S0001", "Bob",require('../../assets/Icons/BobClassic.png'),100);
 
 function Chat(props: { navigation: any; }) {
     const { navigation } = props
diff --git a/bob_party/src/screens/Profile.tsx b/bob_party/src/screens/Profile.tsx
index b003a2d..5a6ac60 100644
--- a/bob_party/src/screens/Profile.tsx
+++ b/bob_party/src/screens/Profile.tsx
@@ -2,7 +2,6 @@ import { StatusBar } from 'expo-status-bar'
 import { StyleSheet, View, Text} from 'react-native'
 import React from 'react';
 import stylesScreen from './style/screens.style'
-import { Skin } from '../core/skin';
 import { TopBar } from '../components/TopBar';
 import { BotBar } from '../components/BotBar';
 import { FlatList } from 'react-native-gesture-handler';
@@ -19,12 +18,6 @@ function Profile(props: { navigation: any; }) {
           nav={navigation}
           />
       <View style={styles.body}>
-        <FlatList 
-          data={tabSkinApp}
-          numColumns={2}
-          columnWrapperStyle={{ flex: 1, justifyContent: "space-around"}}
-          keyExtractor={item =>item.getSkinName()}
-          renderItem={({item}) => <SkinComponent skin={item} state='profile'/>} />
       </View>
       <BotBar
           nav={navigation}
@@ -34,11 +27,11 @@ function Profile(props: { navigation: any; }) {
 }
 
 const styles = StyleSheet.create({
-  body: {
-      flex: 1,
-      flexDirection: 'column',
-      width: '100%',
-  },
+    body: {
+        flex: 1,
+        flexDirection: 'column',
+        width: '100%',
+    },
 });
 
 export default Profile
\ No newline at end of file
diff --git a/bob_party/src/screens/SkinList.tsx b/bob_party/src/screens/SkinList.tsx
new file mode 100644
index 0000000..4c4081f
--- /dev/null
+++ b/bob_party/src/screens/SkinList.tsx
@@ -0,0 +1,44 @@
+import { StatusBar } from 'expo-status-bar'
+import { StyleSheet, View, Text} from 'react-native'
+import React from 'react';
+import stylesScreen from './style/screens.style'
+import { Skin } from '../core/skin';
+import { TopBar } from '../components/TopBar';
+import { BotBar } from '../components/BotBar';
+import { FlatList } from 'react-native-gesture-handler';
+import { SkinComponent } from '../components/Skin';
+import tabSkinApp from '../constSkin';
+
+
+function SkinList(props: { navigation: any; }) {
+    const { navigation } = props
+    return (
+    <View style={stylesScreen.container}>
+        <TopBar
+          skin={tabSkinApp[0]} 
+          nav={navigation}
+          />
+      <View style={styles.body}>
+        <FlatList 
+          data={tabSkinApp}
+          numColumns={2}
+          columnWrapperStyle={{ flex: 1, justifyContent: "space-around"}}
+          keyExtractor={item =>item.getSkinName()}
+          renderItem={({item}) => <SkinComponent skin={item} state='profile'/>} />
+      </View>
+      <BotBar
+          nav={navigation}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  body: {
+      flex: 1,
+      flexDirection: 'column',
+      width: '100%',
+  },
+});
+
+export default SkinList
\ No newline at end of file