All authors
Claude Skills by fratilanico
github.com/fratilanico23 skills22 installs386 views
- Code Edit QualitySEARCH/REPLACE block patterns for precise code edits. Based on Cline's edit methodology for accurate file modifications.Votes: 0GitHub stars: 7
- Context Window StewardshipUse when context window is filling up, when agent responses degrade in quality over a long session, when deciding what to load into an agent's context vs keep in files, or when designing multi-agent systems where subagents need isolated contexts. Triggers on: context full, context rot, compaction, session degradation, token limit.Votes: 0GitHub stars: 7
- Docker Best PracticesComprehensive Docker best practices for images, containers, and production deploymentsVotes: 0GitHub stars: 7
- Framer Motion Best PracticesFramer Motion performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring React animations with Framer Motion to ensure optimal performance patterns. Triggers on tasks involving motion components, animations, gestures, layout transitions, scroll-linked effects, and SVG animations.Votes: 0GitHub stars: 7
- Nextjs MasterUse when building or refactoring Next.js 14+ App Router applications — Server Components, TypeScript patterns, Supabase integration, and performance optimizationVotes: 0GitHub stars: 7
- Nextjs Production Bug AuditUse when reviewing a Next.js marketing site or app for production readiness, before go-live, or when users report visual or functional bugs. Covers 26-point checklist across CRITICAL, HIGH, MEDIUM, LOW severity.Votes: 0GitHub stars: 7
- Performance OptimizationUse when Core Web Vitals are degraded, bundle size is too large, or React/Next.js rendering is slow — covers profiling, bundle analysis, and optimization patternsVotes: 0GitHub stars: 7
- Prompt Engineering ApexUse when writing prompts for Claude or any LLM, when agent outputs are inconsistent or low quality, when structuring system prompts for APEX OS agents, or when implementing CoT/ToT reasoning patterns. Triggers on: prompt design, system prompt, instruction engineering, output quality, JSON schema enforcement.Votes: 0GitHub stars: 7
- Rag Retrieval PatternsUse when building or debugging RAG pipelines, when semantic search returns irrelevant results, when implementing hybrid BM25+dense retrieval, or when grounding LLM answers in document sources. Triggers on: retrieval augmented generation, vector search, embeddings, BM25, reranking, knowledge base.Votes: 0GitHub stars: 7
- React Agent LoopUse when building AI agents that need to reason and act in loops, when an agent needs to use tools iteratively, when implementing memory across agent turns, or when debugging an agent that gets stuck or loops infinitely. Triggers on: ReAct, agent loop, tool use, memory, LangChain, agent stuck.Votes: 0GitHub stars: 7
- Security Best PracticesSecurity best practices for React/Next.js - XSS, CSRF, authentication, and API securityVotes: 0GitHub stars: 7
- Shadcn MasterShadcn UI, Radix UI, and Tailwind CSS component patterns for enterprise applicationsVotes: 0GitHub stars: 7
- Sovereign GovernanceSovereign artifact governance for multi-repo AI agent ecosystems. One AGENTS.md to rule them all — enforces single source of truth, pointer-based sync, state file standards, skills deduplication, and cross-repo compliance. Use when creating repos, auditing governance, resolving AGENTS.md conflicts, or onboarding new agents.Votes: 0GitHub stars: 7
- Supabase ExpertUse when building or debugging Supabase features — RLS policies, Auth flows, Storage rules, Edge Functions, and real-time subscriptionsVotes: 0GitHub stars: 7
- Tool Definition PatternsStandards for defining AI agent tools based on Cline's system prompt patterns. Covers parameter typing, documentation, edit formats, safety mechanisms, and operational best practices.Votes: 0GitHub stars: 7
- Ui Ux Pro MaxUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles...Votes: 0GitHub stars: 7
- Webtricks Animated PipelineBuild animated data flow pipelines with SVG circuits, traveling dots, and ambient animations using Framer Motion + SVG. Use when visualizing architecture, workflows, API pipelines, or any step-by-step data flow. Tags: webtricks, animation, pipeline, SVG, architecture.Votes: 0GitHub stars: 7
- Webtricks Browser Qa AuditAudit live websites using Playwright MCP for browser-based QA. Covers accessibility snapshots, screenshot verification, interactive element testing, and tier differentiation audits. Use after deploying web changes to verify they work. Tags: webtricks, QA, testing, playwright, audit.Votes: 0GitHub stars: 7
- Webtricks Tier Pricing UiBuild interactive tier-based pricing UI with lock/unlock states, progressive disclosure, and cross-slide consistency. Use when building pricing pages, tier selectors, or feature comparison grids. Tags: webtricks, pricing, tiers, SaaS.Votes: 0GitHub stars: 7
- Writing PlansUse when you have a spec or requirements for a multi-step task, before touching codeVotes: 0GitHub stars: 7
- BrainstormingYou MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.Votes: 0GitHub stars: 7
- Executing PlansUse when you have a written implementation plan to execute in a separate session with review checkpointsVotes: 0GitHub stars: 7
- Subagent Driven DevelopmentUse when executing implementation plans with independent tasks in the current sessionVotes: 0GitHub stars: 7