Build systems, CLI workflows, and developer productivity tools.
Use the Appllama MCP well: research real top-grossing mobile apps, their screens, flows, and UI elements, then build from what you learn. Load when the Appllama MCP is connected and the task involves building a mobile app or screen, researching app design patterns, studying onboarding, paywall, or feature flows, or improving an existing screen.
Design inside Figma the way this designer does: real variables, text styles, auto layout and components, on a fixed visual system (Tailwind type and radius scale, spacing tokens, two-layer color tokens, button and state rules). Use this skill whenever you create, edit or review anything in a Figma file through the Figma MCP: screens, landing pages, components, mockups, design systems, tokens, or any UI. Use it even when the user doesn't name the skill and only says things like 'design a page in Figma', 'make a button component', 'mock this up' or shares a figma.com link. Load it before writing any use_figma code.
Use when the user wants to know how a company gets its users, reverse engineer a competitor's growth or distribution, copy what a winning company does on each channel, or study a brand's content strategy (titles, thumbnails, covers, captions, graphics) on YouTube, TikTok, Instagram, X, LinkedIn or Reddit. Also for "how did X grow", "teardown of X's marketing", "what content works for X".
Import or upload local HTML or project files into Figma, choose editable Design frames, runnable Code Layers or standalone Code (also known as Make), and repair imported previews. Use only when the user explicitly names editable Design layers, a runnable Code Layer, or a standalone Code/Make file, or supplies a Figma file key/link as the import destination. Generic code or code-component requests need output clarification before using this workflow.
Use when you need to generate an onboarding guide for new team members joining a project
Analyze a Karpathy-pattern LLM wiki knowledge base and generate an interactive knowledge graph with entity extraction, implicit relationships, and topic clustering.
Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design tokens) with a kind:"design" dashboard.
Use when you need a deep-dive explanation of a specific file, function, or module in the codebase
Extract business domain knowledge from a codebase and generate an interactive domain flow graph. Works standalone (lightweight scan) or derives from an existing /understand knowledge graph.
Use when you need to analyze git diffs or pull requests to understand what changed, affected components, and risks
Launch the interactive web dashboard to visualize a codebase's knowledge graph
Use when you need to ask questions about a codebase or understand code using a knowledge graph
Analyze a codebase to produce an interactive knowledge graph for understanding architecture, components, and relationships
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
Research, design, and implement workflow: phased documents for exploring a change, choosing PRD or TDD paths, then implementing.
Upgrade Remotion projects across versions with official migration guidance.
Use Remotion Studio for previewing, debugging, and iterating on compositions.
Work with audio, video, and mixed media assets in Remotion compositions.
Search and read current Remotion documentation while building video compositions.
Generate speech and voiceovers with Google Gemini TTS for narration, podcasts, and product video voice tracks.
Export and render a Remotion composition to video with the official render workflow.
Create a new Remotion video project with official scaffolding and conventions.
Port an existing Remotion React composition source to HyperFrames HTML when explicitly asked to migrate.
Capture a screenshot of any rendered web page in headless Chrome — full page, viewport, section, or element — for review and motion pipelines.
Installation instructions for adding daisyUI 5 to a project.
Configuration options and setup guidance for daisyUI 5.
Fetch recently watched films from a Letterboxd member diary RSS feed and render them as a compact markdown list.
Create or update a pull request description that helps reviewers understand why the change exists and the shape of the implementation.
Generative video editing, text-to-video, image-referenced video, frame transitions, and extensions using Gemini Omni 1.1 Flash via the official google-genai SDK.
Build real-time, bidirectional streaming applications with the Gemini Live API, including WebSocket audio, video, and text, VAD, session management, and ephemeral client auth tokens.
Write code that calls the Gemini API for text generation, chat, multimodal understanding, image and video generation, streaming, function calling, structured output, and agent workflows in Python and TypeScript.
Development workflows for the playwright-cli repository, including rolling Playwright dependencies and preparing releases.
Shape the agent's own replies to be honest, action-first, and plain-language without dropping load-bearing precision or real uncertainty.
Package-distributed PR Lens skill for drawing code changes or systems as animated architecture and data-flow diagrams.
Improve a CLAUDE.md file using `<important if>` blocks to improve instruction adherence and reduce ignored context.
Interview the user to design an agentic control loop tailored to their codebase, then build locally runnable components plus a scheduled coding-agent workflow.
Build a repo-local skill and install a matching iterated coding-agent GitHub Actions workflow, prompt, memory file, and reference templates.
When a user describes a concept that matches an established term of art, append a concise Term radar link with a Google Images reference for that term.
Draw a code change or system as an animated architecture or data-flow diagram for comprehension, pull requests, or standalone explanation.
Migrate React projects and shadcn components from Radix UI to Base UI, handling route objects, consumer props, and progressive wrapper migration.
Mandatory prerequisite before create_generative_plugin or update_generative_plugin. Use when creating, authoring, changing, or extending reusable generative Figma plugins with functional UI.
Use for SEO audits, rankings, keyword research, indexing, metadata, Search Console, GA4, and AI search visibility. Routes to evidence-backed reports through the local SEO CLI and MCP server.
Help the user define a concrete, measurable goal before starting work, especially when they ask to use the goal tool, create a goal, set an objective, clarify success criteria, or turn a fuzzy intention into a quantitative outcome. Use this skill for goal creation and goal refinement only; it does not manage durable snapshots, decision logs, or long-running execution artifacts.
Re-explain the previous assistant message in a much simpler, plain-language version when the last answer was too dense.
Anti-laziness execution discipline that finishes substantial tasks through gate files and runnable checks instead of premature done reports.
Produce human-sounding text that avoids detectable AI patterns with banned vocabulary, structural variety, and voice calibration.
Remove signs of AI-generated writing from prose and audit docs folders for slop across content, language, style, and rhetoric.
Detect and remove AI writing tells from prose while preserving the author's voice in blogs, docs, emails, and reports.
Remove AI writing patterns from prose so drafts, edits, and reviews sound like a specific human wrote them.
Detect 53 AI writing patterns and rewrite text in five voice profiles, with optional scoring and in-place Markdown editing.
Remove AI-writing tells from prose while preserving meaning, voice, and density during drafting, editing, or review.
Cut AI tells from any writing by editing text to remove machine patterns and restore a more human voice.
Rewrite AI-sounding text so it reads naturally without changing meaning, based on Wikipedia's signs of AI writing.
Edit drafts into sharper, more human writing while preserving personal voice, or detect AI-slop patterns without rewriting.
Remove AI writing patterns from prose when drafting, editing, or reviewing text to eliminate predictable AI tells.
Open HTML, Markdown, or localhost pages in the browser so the user can edit text directly, leave anchored comments, and send all feedback back in one batch.
Mandatory prerequisite before every use_figma call — plugin API rules for creating, editing, and inspecting Figma files through MCP.
Write or rewrite technical text with ASD-STE100 Simplified Technical English for clear, unambiguous, translation-friendly documentation and interface copy.
Manage stacked branches and dependent pull requests with the gh stack GitHub CLI extension.
Choose an opinionated, trusted library for common frontend tasks including components, motion, charts, interaction, state, and styling.
Complete Linear tracking installation by writing always-on rules and verifying Linear MCP authentication.
Keep Linear tracking honest during development with search-before-create, lifecycle updates, and close-the-loop discipline.
Health-check Linear projects for slipping dates, stale in-progress work, orphan issues, and tracking anti-patterns.
Audit and rescue an existing Linear project by reconciling its issues, milestones, dependencies, and tracking protocol with repository reality.
Bootstrap or extend Linear project tracking with evidence-based backfill, milestones, dependencies, and repository discipline.
Route Linear tracking work through a methodology for setting up, syncing, monitoring, and maintaining honest project data.
Lottie and dotLottie integration guidance for playback control, interactivity, runtime theming, and cross-platform export workflows.
Official gsap.utils guidance for clamp, mapRange, snap, distribute, selector scoping, and other animation math helpers.
Opinionated guidance for building production TypeScript applications with Effect v4, including workflows, services, layers, schemas, configuration, scheduling, caching, streams, HTTP clients, and tests.
Red-green-refactor workflow for building features and fixes one slice at a time.
Turns a conversation into a PRD and publishes it to the issue tracker.
Breaks a plan or PRD into independently actionable issues.
One-time repo setup for the engineering skill workflow and related conventions.
Moves issues through a structured triage state machine.
Sharpens the domain model and updates supporting docs while grilling through design choices.
Router that picks the right Matt Pocock engineering flow for the current task.
Routing bundle for code work covering planning, debugging, TDD, architecture, and execution flows.
Official daisyUI component library skill, providing docs, class names, examples and code examples to generate better daisyUI code.
Project-aware shadcn/ui workflow for searching, adding, composing, and fixing components with correct patterns.
网站复刻 / 克隆方法论。Use when the user says to clone, reproduce, or recreate a website or WebGL/Canvas/Three.js effect. Covers source-first reconstruction, repo scaffolding, reverse engineering, implementation paths, and verification for static sites, content sites, and heavy front-end experiences.
Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and icons, positioning and multiple toasters. Use when working with Sonner or troubleshooting it — toasts that don't appear, appear twice, lose their styles, ignore Tailwind classes, sit behind a modal, or don't follow dark mode.
Use when making single-property CSS or Tailwind visual changes in Next.js App Router projects. Presents a floating control widget for live tuning before persisting.
Apply VueUse composables to build concise, maintainable Vue and Nuxt features.
Vitest testing best practices for unit tests, mocking, coverage, fixtures, and test filtering.
VitePress documentation site guidance for configuration, theming, and Markdown plus Vue content.
Vite configuration and plugin guidance, including SSR and Vite 8 Rolldown migration patterns.
UnoCSS atomic CSS engine guidance for rules, shortcuts, and presets like Wind, Icons, and Attributify.
Turborepo monorepo build system guidance for pipelines, caching, filtering, CI, and package boundaries.
Bundle TypeScript and JavaScript libraries with tsdown, including declarations and multi-format builds.
pnpm package manager guidance for strict dependency resolution, workspaces, catalogs, patches, and overrides.
Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects.
Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text/tables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDFs, filling PDF forms, encrypting/decrypting PDFs, extracting images, and OCR on scanned PDFs to make them searchable. If the user mentions a .pdf file or asks to produce one, use this skill.
Three.js asset loading patterns for GLTF, textures, HDR assets, async loading, and progress handling.
Official Playwright CLI skill for browser automation, test generation, tracing, and session-driven end-to-end testing workflows.
Official Svelte code-writing skill focused on modern Svelte patterns, component composition, and production-ready implementations.
Browser automation CLI for AI agents for navigation, form actions, extraction, screenshots, QA, and app testing.
Best practices for structuring and scaling Vue applications built with the Options API.
Guidance for writing robust, type-safe, and readable Vue components using JSX.
Practical debugging workflows for diagnosing and fixing Vue reactivity, rendering, and state issues.
Create library-grade Vue composables that support plain values, refs, and getters with predictable reactivity.
Audit and fix page metadata including titles, meta descriptions, Open Graph, Twitter cards, canonical URLs, and JSON-LD structured data. Use when shipping new pages or fixing SEO and social preview issues.
Use when you are implementing UI with Tailwind and want reusable, practical utility-first patterns.
Shape output for a reader with ADHD by leading with the next action, numbering steps, suppressing tangents, and making progress visible.
Create or update a DESIGN.md from an existing product repository or public website, with evidence-based design tokens and guidance.
Use when the user needs UI help and you must route by topic, stack, and intent to the smallest useful set of UI skills.
