Frontend
31 skills
All Frontend Skills
Tailwind Design System
Build scalable design systems with Tailwind CSS
Art Style Creator
Create and define visual art styles for projects.
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality.
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality.
Product Requirements
Interactive Product Owner skill for requirements gathering, analysis, and PRD generation.
Build Tui View
Provides instructions for building Hatchet TUI views in the Hatchet CLI.
Web Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend technologies
Recipe Generator
Automatically generates high-quality recipes.
Workout Explainer
Translates planned workouts into execution cues, purpose explanations, and common mistakes to avoid.
Chef Assistant
Use when cooking or planning meals.
Webapp Testing
Toolkit for interacting with and testing local web applications using Playwright.
Nft Standards
Implement NFT standards (ERC-721, ERC-1155) with proper metadata handling.
Solidity Security
Master smart contract security best practices
Cache Components
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR).
Moai Library Shadcn
Moai Lib Shadcn Ui - Professional implementation guide
Resource Curator
Find and maintain high-quality external resources for JavaScript documentation.
Domain Name Brainstormer
Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.
33 Store Module Architecture
Store 研发商店模块架构指南
Ui Ux Pro Max
Frontend UI/UX design best practice for web and mobile.
Webgpu Specs
Download WebGPU and WGSL specifications for use as a reference
React State Management
Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query.
Nextjs App Router Patterns
Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching.
Typescript Advanced Types
Master TypeScript's advanced type system
React Native Architecture
Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns.
Angular Migration
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates.
Modern Javascript Patterns
Master ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional programming patterns.
Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts.
Fantasy World Building
Use when user mentions fantasy, magic system, or world-building for fantastical settings
Frontend Developer
Build user interfaces using Redpanda UI Registry components
1k Cross Platform
Cross-platform development patterns for OneKey.
IPlug2 Build Skill
Build an iPlug2 plugin project for different formats and platforms using xcodebuild or Visual Studio