julianromli/ai-skills

6514

clone-website Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section an…

julianromli/ai-skills

1.9K

2

frontend-ui-animator Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add ani…

julianromli/ai-skills

344

3

frontend-design Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks …

julianromli/ai-skills

166

4

make-interfaces-feel-better Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing fronten…

julianromli/ai-skills

165

5

browser Minimal Chrome DevTools Protocol tools for browser automation and scraping. Use when you need to start Chrome, naviga…

julianromli/ai-skills

129

6

ui-ux-pro-max UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product …

julianromli/ai-skills

107

7

agents-md-generator Generate hierarchical AGENTS.md structures for codebases. Use when user asks to create AGENTS.md files, analyze codeb…

julianromli/ai-skills

84

8

frontend-skill Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enfo…

julianromli/ai-skills

71

9

product-management Assist with core product management activities including writing PRDs, analyzing features, synthesizing user research…

julianromli/ai-skills

69

10

web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "aud…

julianromli/ai-skills

67

11

backend-dev Comprehensive backend development workflow that orchestrates expert analysis, architecture design, implementation, an…

julianromli/ai-skills

63

12

shadcn-management Manage shadcn/ui components using MCP tools. Use when user needs to: (1) Add new shadcn components to a project (2) B…

julianromli/ai-skills

61

13

vercel-react-view-transitions Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` compon…

julianromli/ai-skills

61

14

shadcn Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides pr…

julianromli/ai-skills

57

15

frontend-ui-integration Implement or extend a user-facing workflow in a web application, integrating with existing backend APIs. Use when the…

julianromli/ai-skills

54

16

rsc-data-optimizer Optimize Next.js App Router data fetching by converting slow client-side fetching to fast server-side fetching using…

julianromli/ai-skills

52

17

task-generator Generate structured task lists from specs or requirements. IMPORTANT: After completing ANY spec via ExitSpecMode, ALW…

julianromli/ai-skills

52

18

gpt-taste Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AI…

julianromli/ai-skills

50

19

supabase-postgres-best-practices Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimi…

julianromli/ai-skills

50

20

landing-page-copywriter Write high-converting landing page copy using proven frameworks like PAS (Problem-Agitate-Solution), AIDA, and StoryB…

julianromli/ai-skills

49

21

refactor-clean Safely identify and remove dead code with test verification at every step. Use when Codex needs to clean unused expor…

julianromli/ai-skills

49

22

vercel-react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

julianromli/ai-skills

47

23

agent-browser Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, …

julianromli/ai-skills

46

24

prd Generate high-quality Product Requirements Documents (PRDs) for software systems and AI-powered features. Includes ex…

julianromli/ai-skills

45

25

systematic-debugging Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes

julianromli/ai-skills

45

26

seo-audit When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audi…

julianromli/ai-skills

44

27

skill-creator Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an ex…

julianromli/ai-skills

44

28

vercel-composition-patterns React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flex…

julianromli/ai-skills

44

29

brainstorming You MUST use this before any creative work - creating features, building components, adding functionality, or modifyi…

julianromli/ai-skills

43

30

convex-best-practices Guidelines for building production-ready Convex apps covering function organization, query patterns, validation, Type…

julianromli/ai-skills

43

31

deploy-to-vercel Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "depl…

julianromli/ai-skills

43

32

gemini-to-seedream-migration Migrate AI image generation from Google Gemini 2.5 Flash to BytePlus SeeDream v4.5. Use when: (1) User wants to swit…

julianromli/ai-skills

42

33

pdf Use when tasks involve reading, creating, or reviewing PDF files where rendering and layout matter; prefer visual che…

julianromli/ai-skills

42

34

receiving-code-review Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or tec…

julianromli/ai-skills

42

35

requesting-code-review Use when completing tasks, implementing major features, or before merging to verify work meets requirements

julianromli/ai-skills

42

36

social-content When the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram,…

julianromli/ai-skills

42

37

vercel-react-native-skills React Native and Expo best practices for building performant mobile apps. Use when building React Native components, …

julianromli/ai-skills

42

38

template-skill Replace with description of the skill and when Claude should use it.

julianromli/ai-skills

40

39

hermes-wag-summarizer Plug & play skill untuk membuat cronjob summary grup WhatsApp secara otomatis menggunakan Hermes WhatsApp Bridge.

julianromli/ai-skills

22