skills.rest
tankpkg
tankpkgOFFICIAL
Explore all skills by this author →
GitHub

@tank/frontend-craft

Discover and install frontend components from external registries via CLI.

1|1|Updated Feb 20, 2026
Search Tags:#ui#performance#frontend#components#animation#ux#shadcn
One-click install
npx skills add https://github.com/tankpkg/skills --skill tank-frontend-craft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: @tank/frontend-craft
Source: https://github.com/tankpkg/skills/tree/main/skills/frontend-craft
Command: npx skills add https://github.com/tankpkg/skills --skill tank-frontend-craft

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps developers build highly polished, performant, and delightful user interfaces that impress users with their speed and visual appeal.

Core Features & Use Cases

  • Premium UI Components: Access and integrate advanced components for animations, effects, and complex UI patterns.
  • Performance Optimization: Implement techniques for perceived performance to make apps feel faster.
  • Component Discovery: Search a vast catalog of over 8,000 components across 34+ registries using intelligent filtering by group and tag.
  • Use Case: You need to build a landing page hero section with a captivating animated background and text effect, or implement a complex data table with sorting, filtering, and virtual scrolling.

Quick Start

Use the frontend-craft skill to find and install a '3d-card' component from the Aceternity UI registry.

Frequently Asked Questions about @tank/frontend-craft

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find and install premium UI components for frontend animations?▼

You can discover premium UI components using a CLI tool that filters over 8,000 components across 34+ registries by group and tag, allowing you to easily find and install elements like animated backgrounds or 3D cards from libraries like shadcn/ui and Aceternity UI.

What is perceived performance optimization in frontend development?▼

Perceived performance optimization involves implementing techniques that make applications feel faster to users. This Skill provides patterns to optimize micro-interactions and state choreography, enhancing the visual responsiveness and overall speed of your application.

How do I build a high-performance landing page hero with visual effects?▼

To build a captivating landing page hero, you can leverage expert frontend patterns for micro-interactions and visual polish. This Skill helps you integrate advanced components for animations and complex UI patterns to create visually engaging applications.

Can I use this to find components for a complex data table with virtual scrolling?▼

Yes, you can discover and integrate advanced components for complex data tables requiring sorting, filtering, and virtual scrolling. The Skill's CLI tool searches a vast catalog of registries to find the exact premium component patterns you need.

Does frontend-craft work with shadcn/ui and Aceternity UI registries?▼

Yes, the Skill efficiently discovers external component libraries like shadcn/ui and Aceternity UI. It uses intelligent filtering to search across 34+ registries, helping you find and install specific components such as a 3D card from Aceternity UI.

What's the best way to add micro-interactions to my web application?▼

The best way to add micro-interactions is by applying premium component patterns and state choreography techniques. This Skill provides expert frontend capabilities focused on crafting visually engaging applications with delightful user experiences.

Related Skills

Explore More Software Engineering Skills→
justinlevinedotmejustinlevinedotme
7

vite-shadcn-tailwind4

Initialize shadcn/ui with Tailwind v4 in Vite projects.

Community
Advanced
nsuberinsuberi

animate

Add purposeful animations and micro-interactions to web interfaces, including React-based ones.

Community
Advanced
TwuanMinnTwuanMinn

frontend-patterns

Apply frontend design patterns to React and Next.js projects.

Community
Advanced
msichtermanmsichterman

vercel-react-native-skills

Apply React Native and Expo performance best practices to components, lists, animations, and images.

Community
Advanced