home / skills / petekp

petekp skills

Find 128 skills from 2 repos created by petekp on GitHub.

2 repos

128 skills

GitHub

Advertise on playbooks

Put your product in front of developers browsing MCP servers and agent skills. ↗

model-first-reasoning

petekp/claude-code-setup

This skill applies Model-First Reasoning to code tasks, requiring a formal model before implementation to ensure correctness and reduce hallucinations.

skill-creator

petekp/claude-code-setup

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

seo-audit

petekp/claude-code-setup

This skill performs a comprehensive SEO audit and delivers actionable fixes to improve crawlability, on-page optimization, and organic rankings.

stress-testing

petekp/claude-code-setup

This skill helps you stress-test plans and ideas by structured pre-mortems, risk registers, and kill criteria to reveal failures early.

deepwiki

petekp/claude-code-setup

This skill helps you fetch and summarize Open Source repository docs with DeepWiki, revealing structure, APIs, and explanations.

Advertise on playbooks

Reach thousands of developers actively evaluating dev tools, MCP servers, and agent skills. Floating banners, pinned cards, and in-feed placements.

learn more

frontend-design

petekp/claude-code-setup

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

session-handoff

petekp/claude-code-setup

This skill generates a clipboard-ready bootstrap prompt to seamlessly continue a conversation in a new session, preserving essential context while minimizing

swiftui-expert-skill

petekp/claude-code-setup

Write, review, or improve SwiftUI code following best practices for state management, view composition, performance, modern APIs, Swift concurrency, and iOS 26+ Liquid Glass adoption. Use when building new SwiftUI features, refactoring existing views, reviewing code quality, or adopting modern SwiftUI patterns.

swiftui-performance-audit

petekp/claude-code-setup

Audit and improve SwiftUI runtime performance from code review and architecture. Use for requests to diagnose slow rendering, janky scrolling, high CPU/memory usage, excessive view updates, or layout thrash in SwiftUI apps, and to provide guidance for user-run Instruments profiling when code review alone is insufficient.

find-skills

petekp/claude-code-setup

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.

agent-changelog

petekp/claude-code-setup

Compile an agent-optimized changelog by cross-referencing git history with plans and documentation. Use when asked to "update changelog", "compile history", "document project evolution", or proactively after major milestones, architectural changes, or when stale/deprecated information is detected that could confuse coding agents.

vercel-react-best-practices

petekp/claude-code-setup

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

onboarding-cro

petekp/claude-code-setup

When the user wants to optimize post-signup onboarding, user activation, first-run experience, or time-to-value. Also use when the user mentions "onboarding flow," "activation rate," "user activation," "first-run experience," "empty states," "onboarding checklist," "aha moment," or "new user experience." For signup/registration optimization, see signup-flow-cro. For ongoing email sequences, see email-sequence.

aesthetic-guide

petekp/claude-code-setup

This skill generates exhaustive, implementation-ready UI design guides for named aesthetics with exact CSS values, typography, colors, states, and animations.

agentic-docs

petekp/claude-code-setup

This skill helps you write clear, inline documentation that explains why code exists, co-located with the implementation for humans and AI.

code-comments

petekp/claude-code-setup

This skill helps you write clear inline code comments and file headers that explain why, not just what, for humans and AI.

data-sleuth

petekp/claude-code-setup

This skill helps you uncover non-obvious signals and cross-dataset correlations with investigative data analysis techniques.

compound-docs

petekp/claude-code-setup

Capture solved problems as categorized documentation with YAML frontmatter for fast lookup

handoff

petekp/claude-code-setup

This skill generates a clipboard-ready bootstrap prompt to preserve context and resume conversations in a fresh session.

hud-manual-testing

petekp/claude-code-setup

This skill guides you through a full manual testing workflow for Claude HUD, including reset, onboarding, core checks, and debugging steps.

manual-testing

petekp/claude-code-setup

This skill guides you through manual testing only after automated checks, outlining steps to verify features and collect user-confirmed results.

posthog-analytics

petekp/claude-code-setup

This skill helps you transform PostHog data into actionable product insights by surfacing trends, funnels, and dashboards.

agent-telemetry

petekp/claude-code-setup

Make application behavior visible to coding agents by exposing structured logs and telemetry. Use when asked to "add telemetry", "make logs accessible to agents", "add observability", "debug with logs", or when an agent needs to understand runtime behavior but has no way to query logs. Also use when debugging is difficult because there are no structured logs, when agent docs (CLAUDE.md, AGENTS.md) lack instructions for querying application logs, or when setting up logging infrastructure for a new or existing web application.

process-hunter

petekp/claude-code-setup

This skill helps you identify and terminate resource-hogging processes on servers, freeing CPU and memory while presenting a clear victory report.

next-best-practices

petekp/claude-code-setup

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

tool-ui

petekp/claude-code-setup

This skill helps you integrate Tool UI components into React apps quickly by discovering, installing, scaffolding, and validating runtime wiring.

deep-research

petekp/claude-code-setup

This skill conducts exhaustive, citation-rich deep research across multiple sources, evaluates claims, documents uncertainties, and returns structured findings

swiftui-liquid-glass

petekp/claude-code-setup

Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an existing feature to Liquid Glass, or review Liquid Glass usage for correctness, performance, and design alignment.

humanizer

petekp/claude-code-setup

This skill helps you rewrite text to sound more natural and human-written by removing AI writing patterns while preserving meaning.

ai-sdk

petekp/claude-code-setup

This skill answers questions about the AI SDK and helps build AI-powered features by guiding integration, debugging, and provider usage.

bootstrap

petekp/claude-code-setup

This skill generates a focused bootstrap prompt to preserve essential context for continuing work in a new Claude Code session.

architecture-decision-records

petekp/claude-code-setup

This skill helps you create and maintain Architecture Decision Records (ADRs) to document decisions, rationales, and consequences effectively.

capture-learning

petekp/claude-code-setup

This skill analyzes recent conversation context and captures actionable learnings for project knowledge or cross-project skills.

macos-app-design

petekp/claude-code-setup

This skill helps you design native macOS apps with SwiftUI or AppKit by following system conventions and Liquid Glass guidelines.

openclaw-customizer

petekp/claude-code-setup

This skill helps you configure and customize OpenClaw, enabling creative routing, bot channels, and automation patterns across your setup.

design-critique

petekp/claude-code-setup

This skill provides direct, actionable UI/UX critiques focused on clarity, hierarchy, accessibility, and craft to improve design reviews and ship-ready

personality-profiler

petekp/claude-code-setup

This skill analyzes exported social media data to generate comprehensive personality profiles for AI personalization and self-reflection.

proposal-review

petekp/claude-code-setup

This skill helps you methodically review proposals by chunking content, predicting reactions, and producing actionable feedback.

unix-macos-engineer

petekp/claude-code-setup

This skill provides expert Unix and macOS shell scripting, system administration, and troubleshooting guidance to streamline configuration, scripting, and

api-design-patterns

petekp/claude-code-setup

This skill helps you design robust APIs across REST, GraphQL, and gRPC with versioning, auth, and error handling best practices.

analytics-tracking

petekp/claude-code-setup

This skill helps you design and implement clear analytics tracking plans, ensuring reliable event data for actionable marketing and product decisions.

assistant-ui

petekp/claude-code-setup

Guide for assistant-ui library - AI chat UI components. Use when asking about architecture, debugging, or understanding the codebase.

browser-use

petekp/claude-code-setup

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, or extract information from web pages.

claude-md-author

petekp/claude-code-setup

This skill helps you create a concise CLAUDE.md with WHAT-WHY-HOW context to guide Claude across projects.

dev-server

petekp/claude-code-setup

This skill starts development servers with intelligent port management, auto-detects environment, handles conflicts, and opens the browser for a seamless local

design-motion-principles

petekp/claude-code-setup

Expert motion and interaction design auditor based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Use when reviewing UI animations, transitions, hover states, or any motion design work. Provides per-designer perspectives with context-aware weighting.

explainer-visuals

petekp/claude-code-setup

This skill creates animated, interactive explainer visuals as self-contained HTML/CSS/JS to illuminate complex ideas within essays or blogs.

explanatory-playground

petekp/claude-code-setup

This skill helps you visualize internal system behavior by building interactive debugging views for state machines, data flows, and algorithms.

fixer

petekp/claude-code-setup

This skill acts as a calm, methodical diagnostician to identify blockers in agent-assisted development and deliver a clear path.

hierarchical-matching-systems

petekp/claude-code-setup

This skill diagnoses, architects, and debugs hierarchical matching systems across multi-level hierarchies to ensure correct, stable, and constrained matches.

interaction-design

petekp/claude-code-setup

This skill guides interaction design to minimize friction and maximize meaning by aligning with goals, models, and accessible feedback.

react-useeffect

petekp/claude-code-setup

React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.

rust

petekp/claude-code-setup

This skill helps you apply robust Rust patterns for file I/O, parsing, and cross-language boundaries to build reliable systems.

shape-up

petekp/claude-code-setup

This skill guides you through the Shape Up workflow from framing to building, proactively outlining next steps and producing working software.

skill-auditor

petekp/claude-code-setup

This skill audits your skill ecosystem for consistency and best practices, delivering concrete improvements and a ready to act improvement plan.

startup-wisdom

petekp/claude-code-setup

This skill applies startup execution wisdom to product, strategy, and business decisions to improve prioritization and go-to-market outcomes.

swiftui

petekp/claude-code-setup

This skill helps you design and implement world-class SwiftUI interfaces with accessibility, performance, and Apple-like polish across platforms.

swiftui-view-refactor

petekp/claude-code-setup

Refactor and review SwiftUI view files for consistent structure, dependency injection, and Observation usage. Use when asked to clean up a SwiftUI view’s layout/ordering, handle view models safely (non-optional when possible), or standardize how dependencies and @Observable state are initialized and passed.

tdd

petekp/claude-code-setup

This skill guides test-driven development with red-green-refactor loops, enabling you to write integration tests first and drive minimal code changes.

tool-ui-integrator

petekp/claude-code-setup

This skill helps you quickly integrate Tool UI components into React apps by evaluating compatibility, scaffolding wiring, and troubleshooting.

typography

petekp/claude-code-setup

This skill helps you apply professional typography principles to create readable, balanced interfaces with clear hierarchy and effective measure.

debugging-strategies

petekp/claude-code-setup

This skill helps you diagnose bugs and performance issues systematically using profiling, hypothesis testing, and structured debugging workflows.

swiftui-ui-patterns

petekp/claude-code-setup

Best practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing component-specific patterns and examples.

blog-drafter

petekp/claude-code-setup

This skill interviews you to extract a unique thesis and then drafts a structured blog post with thesis, outline, and research suggestions.

checkpoint

petekp/claude-code-setup

This skill helps you pause, assess, and surface 2-5 intelligent next steps when facing uncertainty or complexity.

exhaustive-systems-analysis

petekp/claude-code-setup

This skill performs exhaustive analysis of codebases, identifying bugs, race conditions, dead code, and documentation gaps to improve production readiness.

multi-model-meta-analysis

petekp/claude-code-setup

This skill synthesizes multi-model outputs into a verified assessment by cross-checking claims against the codebase and resolving conflicts with evidence.

transparent-ui

petekp/claude-code-setup

This skill helps you generate temporary debugging interfaces that reveal internal state, transitions, and data flow for complex systems.

cognitive-foundations

petekp/claude-code-setup

This skill explains the scientific rationale behind usability choices, analyzes cognitive load, and grounds interface decisions in research.

dreaming

petekp/claude-code-setup

This skill helps you brainstorm audacious, long-term ideas by suspending feasibility, expanding horizons, and applying dream-driven techniques to envision

optimize-agent-docs

petekp/claude-code-setup

Build a retrieval-optimized knowledge layer over agent documentation in dotfiles (.claude, .codex, .cursor, .aider). Use when asked to "optimize docs", "improve agent knowledge", "make docs more efficient", or when documentation has accumulated and retrieval feels inefficient. Generates a manifest mapping task-contexts to knowledge chunks, optimizes information density, and creates compiled artifacts for efficient agent consumption.

autonomous-agent-readiness

petekp/claude-code-setup

Assess a codebase's readiness for autonomous agent development and provide tailored recommendations. Use when asked to evaluate how well a project supports unattended agent execution, assess development practices for agent autonomy, audit infrastructure for agent reliability, or improve a codebase for autonomous agent workflows. Triggers on requests like "assess this project for agent readiness", "how autonomous-ready is this codebase", "evaluate agent infrastructure", or "improve development practices for agents".

every-style-editor

petekp/claude-code-setup

This skill should be used when reviewing or editing copy to ensure adherence to Every's style guide. It provides a systematic line-by-line review process for grammar, punctuation, mechanics, and style guide compliance.

vercel-composition-patterns

petekp/claude-code-setup

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

tuning-panel

petekp/claude-code-setup

This skill creates interactive tuning panels to adjust parameters visually and export changes in an LLM-friendly format for debugging.

orchestrate-swarms

petekp/claude-code-setup

Master multi-agent orchestration using Claude Code's TeammateTool and Task system. Use when coordinating multiple agents, running parallel code reviews, creating pipeline workflows with dependencies, building self-organizing task queues, or any task benefiting from divide-and-conquer patterns.

tutorial-writing

petekp/claude-code-setup

This skill helps you generate comprehensive, practitioner-focused implementation tutorials grounded in your codebase, teaching-by-building and enabling

agent-ready-eval

petekp/claude-code-setup

This skill evaluates a codebase for autonomous agent readiness by auditing environment isolation, interfaces, state management, and observability.

wise-novice

petekp/claude-code-setup

This skill helps you approach problems with a novice mindset, asking strategic questions to reveal assumptions and simplify explanations.

ux-writing

petekp/claude-code-setup

This skill helps you craft clear, human UX copy across onboarding, errors, buttons, empty states, and tooltips.

agentation

petekp/claude-code-setup

Add Agentation visual feedback toolbar to a Next.js project

agent-browser

petekp/claude-code-setup

react-component-dev

petekp/claude-code-setup

This skill helps you develop React components with accessible, composable patterns, forwardRef, and consistent APIs for reliable architecture.

web-design-guidelines

petekp/claude-code-setup

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

nextjs-boilerplate

petekp/claude-code-setup

This skill bootstraps a production-ready Next.js project with Tailwind, shadcn/ui, and assistant-ui for AI chat interfaces.

oss-product-manager

petekp/claude-code-setup

This skill guides open source product strategy and governance, helping plan releases, manage contributors, and sustain healthy communities.

transparent-ui

petekp/agent-skills

This skill surfaces internal system behavior with interactive debugging UIs to reveal state, transitions, and data flows for faster understanding.

orchestrate-swarms

petekp/agent-skills

This skill orchestrates multi-agent swarms to coordinate tasks, spawn teammates, and manage dependent workflows for efficient parallel execution.

explainer

petekp/agent-skills

TODO: Complete description of what the skill does and when to use it.

interaction-design

petekp/agent-skills

This skill helps you design intuitive interactions that align with user goals and cognitive principles across components, flows, and feedback.

model-first-reasoning

petekp/agent-skills

This skill applies Model-First Reasoning to code tasks, ensuring a formal model guides implementation for correctness and reduced hallucinations.

aesthetic-guide

petekp/agent-skills

This skill generates exhaustive, implementation-ready design system guidelines for a named UI aesthetic, including exact CSS values and typography.

capture-learning

petekp/agent-skills

This skill analyzes recent conversation to capture concrete learning for project knowledge or cross-project skills and generates actionable notes.

autonomous-agent-readiness

petekp/agent-skills

This skill evaluates a codebase for autonomous agent readiness and delivers tailored, actionable recommendations to enable unattended execution.

blog-drafter

petekp/agent-skills

This skill interviews you to extract your unique blog thesis and delivers a structured draft with thesis, outline, and research suggestions.

checkpoint

petekp/agent-skills

This skill pauses work to assess context and surface 2-5 actionable next steps with rationale.

explainer-visuals

petekp/agent-skills

This skill creates animated, self-contained explainer visuals as HTML/CSS/JS to clarify ideas in essays and blog posts.

fixer

petekp/agent-skills

This skill acts as a calm, methodical fixer that quickly identifies agent-induced issues and provides a clear path to unblock development.

handoff

petekp/agent-skills

This skill generates a concise bootstrap prompt to resume a conversation in a new session while preserving essential context and decisions.

hierarchical-matching-systems

petekp/agent-skills

This skill analyzes and stabilizes hierarchical matching systems, translating requirements into constraints and guiding architecture, debugging, and

petekp skills

Sponsored