Browse skills

Build simple web applications with drag-and-drop components and basic logic from natural language instructions.

Generates reusable UI components from website screenshots, streamlining frontend development workflows based on Guanyang's design system.

The Layout Builder skill automatically generates clean, responsive website layouts from your content, saving time and ensuring consistent design.

Generates interactive 3D scenes using Three.js code snippets – simplifying web-based 3D development and visualization.

Generates reusable UI components and web artifacts from design specifications, streamlining frontend development workflows.

Generates reusable web component artifacts from design specifications, streamlining frontend development workflows.

Generates React Native Navigation configurations programmatically, simplifying complex navigation setups and reducing boilerplate code.

Rapidly generates functional mobile app frontends from text prompts, leveraging React Native and customizable UI components.

This tool streamlines form creation by suggesting fields and formatting options, saving you time and ensuring well-structured forms.

Provides UI components guidance and assistance for software development workflows.

Dynamically generate and manage React forms from JSON schemas, simplifying UI development and data collection workflows.

Provides web development guidance and assistance for software development workflows.

Amis Builder crafts personalized AMIS (AI Messaging Interfaces) quickly, streamlining chatbot development and boosting user engagement for seamless conversations.

Provides React guidance and assistance for software development workflows.

This tool rapidly generates initial product prototypes based on your input, accelerating design and testing phases for faster iteration.

This tool rapidly constructs Zustand store states from JSON definitions, streamlining application development and ensuring consistent data management.

Generates Tailwind CSS gradient classes based on color inputs, simplifying complex styling for web developers.

This tool automatically generates optimized page layouts from content, saving time and ensuring professional designs for various projects.

Automatically generates user experience flows and state diagrams from prompts, optimizing digital product design workflows.

Generates reusable React hooks from natural language descriptions, streamlining component logic and reducing boilerplate code.

Generates reusable frontend components and web artifacts based on provided specifications from dalehurley's design system.

Automates SvelteKit project builds, deployments, and testing directly within your AI workflow.

Safely generate HTML content for Next.js static export TypeScript files. Prevents template literal errors, handles shell var escaping, and pre-expands map() calls.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state manag