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 |
|---|---|---|---|---|
| Design | Tesla | Apply Tesla's design language to your project for a polished, brand-consistent UI. | BrandDesign Tokenstesla | |
| Skill | Form Builder Engine | Building no-code form creators, survey builders, application forms, or internal tool data-collection UIs. | ReactFormsUX | |
| Design | ElevenLabs | Apply ElevenLabs's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Design | Startup Launch Kit | Launching a new product, SaaS beta, or startup landing page. | Landing PageStartupBold | |
| Skill | KYC Onboarding Flow | Building user identity verification for fintech apps, crypto exchanges, banking platforms, or regulated services. | ReactFinanceSecurity | |
| Design | Lovable | Apply Lovable's design language to your project for a polished, brand-consistent UI. | BrandDesign Tokenslovable | |
| Design | Ferrari | Apply Ferrari's design language to your project for a polished, brand-consistent UI. | Dark ModeRedBrand | |
| Design | Soft Corporate UI System | Enterprise SaaS, internal tools, B2B dashboards, and any product that needs to feel trustworthy. | CorporateSaaSProfessional | |
| Skill | Toast Notification Center | Any app that needs non-blocking feedback — save confirmations, error alerts, undo actions. | ReactUXNotification | |
| Skill | Tokenized Color System | Setting up theming and dark mode. | Design TokensTailwind | |
| Design | Apply Google's design language to your project for a polished, brand-consistent UI. | Light ModeBlueGreen | ||
| Design | Nubank | Apply Nubank's design language to your project for a polished, brand-consistent UI. | Light ModePurpleMonochrome | |
| Design | PlayStation | Apply PlayStation's design language to your project for a polished, brand-consistent UI. | Light ModeBlueBrand | |
| Design | Robinhood | Apply Robinhood's design language to your project for a polished, brand-consistent UI. | Dark ModeGreenMonochrome | |
| Skill | Transaction Form Builder | Building send-money flows, wire transfer forms, crypto withdrawal UI, or payment screens. | ReactFinanceForms | |
| Design | Kubernetes | Apply Kubernetes's design language to your project for a polished, brand-consistent UI. | Light ModeBlueMonochrome | |
| Design | Composio | Apply Composio's design language to your project for a polished, brand-consistent UI. | Dark ModeBlueBrand | |
| Design | Framer | Apply Framer's design language to your project for a polished, brand-consistent UI. | Dark ModePurpleBrand |