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 | Revolut | Apply Revolut's design language to your project for a polished, brand-consistent UI. | Light ModeBlueBrandDesign Tokensrevolut | |
| Design | Superhuman-Inspired | Apply Superhuman's design language to your project for a polished, brand-consistent UI. | Light ModeBrandDesign Tokens | |
| Design | Monzo | Apply Monzo's design language to your project for a polished, brand-consistent UI. | Light ModeRedBlue | |
| Skill | Color Contrast Checker | Ensuring every color pairing meets AA/AAA before merging UI changes. | A11yDesign TokensTesting | |
| Design | DES-8823 — High-Density Form | Dense data-entry screens and internal tools. | FormsDensity | |
| Design | Docker | Apply Docker's design language to your project for a polished, brand-consistent UI. | Light ModeBlueMonochrome | |
| Design | Nintendo.com (2001) Analysis | Apply Nintendo (2001)'s design language to your project for a polished, brand-consistent UI. | RedBrandDesign Tokens | |
| Design | SpaceX-Inspired | Apply SpaceX's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Design | VoltAgent-Inspired | Apply VoltAgent's design language to your project for a polished, brand-consistent UI. | Dark ModeGreenBrand | |
| Skill | Tailwind Animation Recipes | Adding scroll-triggered reveals, hover micro-interactions, and page transitions. | TailwindAnimation | |
| Design | Vodafone-Inspired | Apply Vodafone's design language to your project for a polished, brand-consistent UI. | Light ModeRedBrand | |
| Design | NVIDIA | Apply NVIDIA's design language to your project for a polished, brand-consistent UI. | Light ModeGreenBrand | |
| Skill | Storybook Component Docs | Building a component library that needs interactive documentation and visual regression testing. | ReactDocumentationTesting | |
| Design | Ollama | Apply Ollama's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Skill | Presentation Slide Builder | Group presentations, thesis defenses, conference talks, and lecture slides. | PresentationSlidevAcademic | |
| Design | Wired-Inspired | Apply Wired's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Skill | Academic Paper Formatter | Writing term papers, theses, or journal articles with proper citation formatting. | AcademicMarkdownLaTeX | |
| Design | Uber-Inspired | Apply Uber's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand |