Frontend Engineering
Core components, design systems, tokens, forms, animations, and world-class brand design specs.
Core components, design systems, tokens, forms, animations, and world-class brand design specs.
| Type | Name | When to use | Tags | Action |
|---|---|---|---|---|
| Skill | Data Grid Component v2.4 | Ideal for displaying dense datasets where inline editing and robust sorting/filtering are required without sacrificing vertical real estate. | ReactTailwindHigh-Density | |
| Design | BMW M | Apply BMW M's design language to your project for a polished, brand-consistent UI. | Dark ModePurple | |
| Design | Mintlify | Apply Mintlify's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Skill | Empty State Generator | Every screen that can be empty — first-run, zero results, 404, error boundaries. | ReactUXPattern | |
| Design | Supabase-Inspired | Apply Supabase's design language to your project for a polished, brand-consistent UI. | Light ModeGreenBrand | |
| Design | Cohere | Apply Cohere's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Design | OpenCode AI | Apply OpenCode AI's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Design | Shopify-Inspired | Apply Shopify's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Design | GitHub | Apply GitHub's design language to your project for a polished, brand-consistent UI. | Light ModeDark ModeBlue | |
| Design | Kraken | Apply Kraken's design language to your project for a polished, brand-consistent UI. | BrandDesign Tokenskraken | |
| Design | Wise-Inspired | Apply Wise's design language to your project for a polished, brand-consistent UI. | Light ModeGreenBrand | |
| Design | Hugging Face | Apply Hugging Face's design language to your project for a polished, brand-consistent UI. | Light ModeYellowMonochrome | |
| Design | MiniMax | Apply MiniMax's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Design | OpenAI | Apply OpenAI's design language to your project for a polished, brand-consistent UI. | Dark ModeLight ModeGreen | |
| Design | Cursor | Apply Cursor's design language to your project for a polished, brand-consistent UI. | Light ModeRedBrand | |
| Design | Intercom | Apply Intercom's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Skill | API Request Builder | Building API playgrounds, developer tools, integration testing UIs, or API documentation with live 'Try It' consoles. | ReactDeveloper ExperienceTooling | |
| Design | E-Commerce Product Grid | Online stores, marketplaces, and product catalogs. | E-CommerceGridCards |