🎯

artifacts-builder

🎯Skill

from nilecui/skillsbase

What it does

Creates complex, multi-component HTML artifacts for claude.ai using modern web technologies like React, Tailwind CSS, and shadcn/ui, enabling advanced state management and routing.

📦

Part of

nilecui/skillsbase(54 items)

artifacts-builder

Installation

Quick InstallInstall with npx

npx skills add https://github.com/nilecui/skillsbase --skill artifacts-builder

Need more details? View full documentation on GitHub →

5Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository10

🎯

drawio-diagrams-enhanced🎯Skill

drawio-diagrams-enhanced skill from nilecui/skillsbase

🎯

using-shadcn-ui🎯Skill

using-shadcn-ui skill from nilecui/skillsbase

🎯

deepresearch-integrator🎯Skill

deepresearch-integrator skill from nilecui/skillsbase

🎯

llm-docs-optimizer🎯Skill

llm-docs-optimizer skill from nilecui/skillsbase

🎯

mermaid🎯Skill

Generates system architecture diagrams, flowcharts, and technical visualizations using Mermaid's domain-specific markdown-like syntax for diagramming.

🎯

documentation-generation🎯Skill

documentation-generation skill from nilecui/skillsbase

🎯

frontend-design🎯Skill

Generates responsive, accessible UI designs with modern CSS frameworks, design system principles, and cross-browser compatibility best practices.

🎯

claude-code-analyzer🎯Skill

Scans and evaluates code quality, complexity, and potential issues across multiple programming languages with detailed static analysis insights.

🎯

rag-implementation🎯Skill

Implements retrieval-augmented generation (RAG) techniques to enhance AI model responses by dynamically retrieving and incorporating relevant contextual information from a knowledge base.

🎯

shadcn🎯Skill

Generates and implements accessible, customizable UI components using Radix UI primitives and Tailwind CSS for React applications.