Browse skills

Integrates interactive MapLibre GL JS maps into React applications with customizable components and data bindings.

Dynamically builds and refactors React component hierarchies into a gradual, maintainable architecture based on user interaction patterns.

Helps with React, Next.js as part of building frontend UIs and user experiences workflows.

Generates React Flow diagrams from text descriptions, streamlining visual workflow design and component architecture for developers.

Build reusable React components, manage state effectively, and implement UI logic based on provided specifications.

Generates basic code prototypes based on a textual description, accelerating development by quickly visualizing initial concepts.

Exports current frontend component state to a JSON file for debugging or sharing workflows.

Generates optimized Next.js project structures, components, and API routes based on provided requirements and design specifications.

Generate CSS code snippets to style HTML elements based on provided descriptions or visual references.

Generates RTL (right-to-left) CSS code snippets from natural language descriptions, aiding in internationalization efforts.

Provides clear, concise HTML & CSS guidance and code snippets to solve web development challenges quickly.

Generates complex, performant CSS animations and transitions based on detailed descriptions, optimizing for visual impact.

Helps with mobile development, server as part of building frontend UIs and user experiences workflows.

Automates SwiftUI localization setup and management, streamlining internationalization workflows for iOS apps.

Helps with Vue, components as part of building frontend UIs and user experiences workflows.

Loads data into Vue 3 components using a flexible API, simplifying asynchronous operations and data management.

Generates Angular Material CDK animations code snippets optimized for performance and accessibility, leveraging 7spade's expertise.

Automates Angular component creation & Firebase integration using pre-built templates and best practices from 7spade.

Helps with Svelte, UI components as part of building frontend UIs and user experiences workflows.

Helps with Svelte, UI components, design as part of building frontend UIs and user experiences workflows.

Solidjs is a performant React alternative that simplifies component development and boosts web app speed – ideal for efficient UI building.

Helps with UI components, UX design as part of building frontend UIs and user experiences workflows.

Identifies common user experience design flaws and suggests improvements based on established best practices.

Verifies UX designs across multiple languages, identifying localization issues and ensuring consistent user experience globally.