SkinnableComponent in design mode

[Guest]

I created components in Flex Library Project.

package

{

import spark.components.supportClasses.SkinnableComponent;

public class MyComponent extends SkinnableComponent

{

public function MyComponent()

{

super();

}

override protected function getCurrentSkinState():String

{

return super.getCurrentSkinState();

}

override protected function partAdded(partName:String, instance:Object) : void

{

super.partAdded(partName, instance);

}

override protected function partRemoved(partName:String, instance:Object) : void

{

super.partRemoved(partName, instance);

}

}

}

Then add it to build path libraries of other Flex Project. And drap it from custom components to design mode and new skin for it. But I don't see it in design mode.
This is icon give for my component. Help me!!!!

[Guest]

I used Flash Builder 4.5.1.

I need to create components in Flex Library Project with SkinnableComponent.

All components are created I can not see in design view.

All appear with this icon

Please help me!!!

Someone with SWC file in which the components SkinnableComponent please share with me. Thanks