Create sophisticated multi-component web artifacts using React, TypeScript, Tailwind CSS, and shadcn/ui components bundled into self-contained HTML files for sharing.
Inspired by: https://github.com/anthropics/skills
Skills are reusable instruction sets that teach Claude specific capabilities. When activated, Claude follows the skill's guidelines to perform specialized tasks like code reviews, API design, or documentation writing. Install skills to ~/.claude/skills/ and invoke them with the Skill tool.
~/.claude/skills/ (personal) or .claude/skills/ (project)1. Run init-artifact.sh to create project 2. Develop with React + shadcn/ui 3. Run bundle-artifact.sh to create self-contained HTML 4. Share the bundled artifact
Use this skill when creating interactive web components that need to be shared as single HTML files, like dashboards or demos.
Web Artifacts Builder(.zip)
2 KB
Git version control skill that help you work with Git with commit guidance, branching, conflict resolution, and releases. Use for: (1) Creating commits, (2) Managing branches (feature/*, bugfix/*), (3) Resolving conflicts, (4) Releases and tags.
dotnet-backend-guidelines is a skill used to help build DotNet projects by letting Claude follow best-practice guidelines and adopt your code patterns. This skill isn’t install-and-go; it may needs some customization based on your codebases. Review it and add your own customizations if you want or while working ask Claude to update it.
Angular Dev Guidelines is a skill used to help build Angular projects by letting Claude follow best-practice guidelines and adopt your code patterns. This skill isn’t install-and-go; it needs some customization based on your codebase. Review it and add your own customizations if you want or while working ask Claude to update it..