bilalmk/todo_correct
26 skills2.2k installs26 starsGitHub
Install
npx skills add https://github.com/bilalmk/todo_correctSkills in this repo
1Browsing With Playwright| The browsing-with-playwright skill documents workflows and patterns from the repository SKILL.md. --- name: browsing-with-playwright description: | Browser automation using Playwright MCP. Navigate websites, fill forms, click elements, take screenshots, and extract data. Use when tasks require web browsing, form submission, web scraping, UI testing, or any browser interaction. NOT when only fetching static content (use curl/wget instead). --- # Browser Automation Automate browser interactions via Playwright MCP server. ## Server Lifecycle ### Start Server ```bash # Using helper script (recommended) bash scripts/start-server.sh # Or manually npx @playwright/mcp@latest --port 8808 --shared-browser-context & ``` ### Stop Server ```bash # Using helper script (closes browser first) bash scripts/stop-server.sh # Or manually python3 scripts/mcp-client.py call -u http://localhost:8808 -t browser_close -p '{}' pkill -f "@playwright/mcp" ``` ### When to Stop - **End of task**: Stop when browser work is complete - **Long sessions**: Keep running if doing multiple browser tasks - **Errors**: Stop and restart if browser becomes unresponsive **Important:** The `--shared-browser-context` flag.1.7kinstalls2Sqlmodel ExpertSpecializes in SQLModel for Python backends: designing typed models, relationships, queries, and service integration patterns so agents implement consistent database layers in APIs, SaaS apps, and CLI data tools.145installs3Frontend Design SystemThis skill helps build modern, responsive web UIs using design systems like Tailwind CSS, shadcn/ui, Material UI, Chakra UI, Ant Design, and Mantine. It covers design-system selection, responsive layout patterns, forms with validation, dark mode, and accessibility. A developer uses it when choosing a UI library or building components and layouts, such as a todo app or dashboard. It ships reusable task-card and task-form templates.45installs4Betterauth Fastapi Jwt BridgeBetter Auth + FastAPI JWT Bridge is a skill that implements stateless JWT authentication between a Better Auth Next.js frontend and a FastAPI backend using JWKS verification. It enables JWT in Better Auth, verifies tokens on the backend, enforces user isolation, and protects API routes so a user can only access their own data. A developer uses it when connecting a Better Auth frontend to a Python backend, including a hybrid String/UUID id architecture and troubleshooting common auth errors.32installs5Nextjs DevtoolsThis skill inspects and debugs Next.js applications through the next-devtools MCP server. It exposes tools to list routes, get route details, list React components, and read build info and next.config.js settings. A developer uses it when working on a Next.js app to debug routing or inspect app structure. It is explicitly not for general React or non-Next.js projects.18installs6Building Nextjs Appsbuilding-nextjs-apps is a skill for building Next.js 16 applications with correct patterns and distinctive design. It highlights breaking changes such as params and searchParams now being Promises, the use() hook for client components, and proxy.ts replacing middleware. It covers project setup with shadcn/ui, App Router layouts, dynamic routes, server actions, API routes, and server/client data fetching. A developer uses it when creating pages or upgrading from Next.js 15, and not for non-React or backend-only apps.17installs7Building Mcp Serversbuilding-mcp-servers is a skill that guides creating MCP (Model Context Protocol) servers so LLMs can interact with external services through well-designed tools. It walks a four-phase workflow of research and planning, implementation, review and testing, and evaluation creation, in Python (FastMCP) or Node/TypeScript. A developer uses it when building an MCP server to integrate an external API, covering tool naming, input/output schemas, annotations, Docker transport security, and health checks. It is not for consuming existing MCP servers.16installs8Configuring Better Authconfiguring-better-auth is a skill for implementing OAuth 2.1 / OIDC authentication with Better Auth, either as a centralized auth server (SSO provider) or as an SSO client in Next.js apps. It configures PKCE flows, registers OAuth clients, exchanges tokens, and manages tokens with JWKS verification and httpOnly cookies. A developer uses it to set up single sign-on across multiple apps, optionally with the Better Auth MCP for guided setup. It is not for simple session-only auth without OAuth/OIDC.16installs9Browser Usebrowser-use is a skill for browser automation through a Playwright MCP server. It lets an agent navigate websites, take accessibility snapshots, click and type using element refs, fill forms, run JavaScript, and take screenshots. A developer uses it for web browsing, form submission, web scraping, or UI testing tasks. It manages the Playwright MCP server lifecycle with helper scripts and requires a shared browser context to keep state across calls.15installs10Context7 EfficientThis skill fetches library and framework documentation through the Context7 MCP server using a shell pipeline. The pipeline keeps the full documentation response inside a subprocess and returns only filtered code examples, API signatures, and key notes to the model. A developer uses it when they need syntax reference or code examples for libraries like React, Next.js, Prisma, or Express while writing code. It reduces token usage by filtering documentation before it enters the model context.15installs11Fastapi ExpertThis skill provides FastAPI knowledge for building production Python APIs. It covers database operations with SQLModel, OAuth2 and JWT authentication, Docker and Kubernetes deployment, middleware, WebSockets, and background tasks. A developer uses it when implementing REST endpoints or scaling a FastAPI service. It ships ready-to-copy project templates, a Dockerfile, and a Kubernetes deployment manifest.15installs12Building Chat Interfacesbuilding-chat-interfaces is a skill for building AI chat interfaces with custom backends, authentication, and context injection. On the frontend it uses useChatKit with a custom fetch to inject auth headers and page context; on the backend it uses ChatKitServer with a custom agent, database persistence, and JWT/JWKS auth. A developer uses it to integrate a chat UI with AI agents, add auth, or inject user and page context. It is not meant for simple chatbots without persistence or custom agent integration.14installs13Building Chat Widgetsbuilding-chat-widgets is a skill for building interactive AI chat widgets with buttons, forms, and bidirectional actions. It defines widget templates, wires client-handled actions (navigation, local state) and server-handled actions (data mutation, widget replacement), and supports entity tagging with @mentions. A developer uses it to create agentic UIs where users click widgets that the frontend or backend handles. It is not meant for simple text-only chat without interactive elements.14installs14Context OptimizationThis skill applies techniques to extend the effective capacity of a limited context window. It covers compaction (summarizing near limits), observation masking (replacing verbose tool outputs with references), KV-cache optimization, and context partitioning across sub-agents. A developer uses it when context limits constrain performance or when reducing token cost and latency for long-running agents. It matters because these techniques can multiply usable capacity without a larger model.12installs15Doc CoauthoringThis skill guides a user through a structured workflow for co-authoring documentation such as proposals, technical specs, and decision docs. It walks through three stages: gathering context, iteratively refining each section, and reader-testing the draft with a fresh model. A developer or writer uses it when starting a substantial writing task like a PRD or RFC. It matters because it helps transfer context and catch blind spots before others read the document.12installs16Multi Agent PatternsThis skill designs multi-agent architectures that distribute work across multiple model instances, each with its own context window. It covers supervisor/orchestrator, peer-to-peer/swarm, and hierarchical patterns, plus coordination protocols and failure modes. A developer uses it when a single agent's context limits are exceeded or a task decomposes into parallel subtasks. It stresses that sub-agents exist to isolate context, and it documents the token cost of doing so.12installs17Theme FactoryThis skill styles artifacts such as slide decks, documents, and HTML landing pages with a chosen theme. It provides 10 preset themes, each with a hex color palette and header and body font pairings, and can generate a new custom theme when none fit. A developer uses it to apply consistent visual styling across an artifact.12installs18Internal CommsThis skill writes internal company communications in preferred formats. It handles 3P updates (Progress, Plans, Problems), company newsletters, FAQ responses, status reports, leadership updates, and incident reports. It works by identifying the communication type and loading the matching guideline file from the examples directory. A user reaches for it whenever they need to draft a structured internal update.11installs19PdfThis skill is a toolkit for programmatic PDF manipulation. It extracts text and tables, creates new PDFs, merges and splits documents, rotates pages, fills forms, and OCRs scanned files. It uses Python libraries pypdf, pdfplumber, and reportlab alongside command-line tools like pdftotext, qpdf, and pdftk. A developer uses it to generate, process, or analyze PDF documents at scale.11installs20PptxThis skill lets Claude create, edit, and analyze PowerPoint .pptx files. It converts HTML slides to PowerPoint with accurate positioning for new decks, and unpacks the OOXML archive for raw XML access to comments, speaker notes, layouts, and themes. A developer uses it when a task requires generating or modifying slide decks programmatically.11installs21Skill CreatorThis skill is a guide for creating and updating agent skills. It explains the anatomy of a SKILL.md file, how to set the right degree of freedom for instructions, and when to bundle scripts, references, or assets. A developer uses it when authoring a new skill or refining an existing one, and it ships init, package, and validation scripts.11installs22Tool DesignThis skill provides principles for designing tools that agents call effectively. It covers writing clear tool descriptions, the consolidation principle for single comprehensive tools, sensible parameter defaults, response-format options, and error messages that enable recovery. A developer uses it when creating new agent tools or debugging tool-related failures.11installs23XlsxThis skill lets Claude create, edit, and analyze spreadsheets in formats like .xlsx, .csv, and .tsv. It emphasizes real Excel formulas over hardcoded values, financial-model color-coding and number-format standards, and zero formula errors. A developer uses it to build or update workbooks, and it recalculates formulas with a bundled LibreOffice script.11installs24Context DegradationThis skill describes how large language model performance degrades as context grows and how to diagnose those failures. It defines patterns including the lost-in-middle effect, context poisoning, distraction, confusion, and clash, and explains how each one is detected and mitigated. A developer uses it when an agent starts producing wrong or irrelevant output during long conversations. It matters because these degradation patterns are predictable and can be addressed with architectural fixes like compaction and isolation.10installs25Context FundamentalsThis skill explains what context is in an agent system and the constraints that govern it. It covers the anatomy of context (system prompts, tool definitions, retrieved documents, message history, tool outputs), attention mechanics, and progressive disclosure. A developer uses it when designing a new agent architecture or debugging context-related behavior. It matters because effective context engineering depends on understanding these components and the finite attention budget.10installs26DocxThis skill creates, edits, and analyzes Microsoft Word .docx files. It uses pandoc for text extraction, docx-js for new documents, and a Python OOXML library for editing existing ones, including tracked changes and comments. A developer uses it when they need to generate, redline, or extract content from professional Word documents. It matters for legal, academic, and business documents that require tracked changes and formatting preservation.10installs