All authors
Claude Skills by luokai0
github.com/luokai05,230 skills34 installs6,998 views
- Makepad WidgetsCRITICAL: Use for Makepad widgets and UI components. Triggers on: makepad widget, makepad View, makepad Button, makepad Label, makepad Image, makepad TextInput, RoundedView, SolidView, ScrollView, "makepad component", makepad Markdown, makepad Html, TextFlow, rich text, 富文本, markdown渲染, makepad 组件, makepad 按钮, makepad 列表, makepad 视图, makepad 输入框Votes: 0GitHub stars: 11
- Merge WorktreeMerge changes from worktrees into current branch with selective file checkout, cherry-picking, interactive patch selection, or manual mergeVotes: 0GitHub stars: 11
- Microservices ArchitectUse when designing distributed system architecture, decomposing monolithic applications into independent microservices, or establishing communication patterns between services at scale.Votes: 0GitHub stars: 11
- Mobile DeveloperUse this agent when building cross-platform mobile applications requiring native performance optimization, platform-specific features, and offline-first architecture. Use for React Native and Flutt...Votes: 0GitHub stars: 11
- Oc2 CanvasDisplay HTML content on connected OpenClaw nodes (Mac app, iOS, Android).Votes: 0GitHub stars: 11
- Openai Figma Implement DesignTranslate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.Votes: 0GitHub stars: 11
- Openai FigmaUse the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.Votes: 0GitHub stars: 11
- Openai ImagegenUse when the user asks to generate or edit images via the OpenAI Image API (for example: generate image, edit/inpaint/mask, background removal or replacement, transparent background, product shots, concept art, covers, or batch variants); run the bundled CLI (`scripts/image_gen.py`) and require `OPENAI_API_KEY` for live calls.Votes: 0GitHub stars: 11
- OrganizationConfigure multi-tenant organizations, manage members and invitations, define custom roles and permissions, set up teams, and implement RBAC using Better Auth's organization plugin. Use when users need org setup, team management, member roles, access control, or the Better Auth organization plugin.Votes: 0GitHub stars: 11
- PlanRefine, parallelize, and verify a draft task specification into a fully planned implementation-ready taskVotes: 0GitHub stars: 11
- QuerySearch the FPF knowledge base and display hypothesis details with assurance informationVotes: 0GitHub stars: 11
- Remotion 2Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlaysVotes: 0GitHub stars: 11
- Stitch DesignUnified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.Votes: 0GitHub stars: 11
- Theme FactoryToolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.Votes: 0GitHub stars: 11
- Ui DesignerUse this agent when designing visual interfaces, creating design systems, building component libraries, or refining user-facing aesthetics requiring expert visual design, interaction patterns, and ...Votes: 0GitHub stars: 11
- Using SuperpowersUse when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questionsVotes: 0GitHub stars: 11
- Vercel React Best PracticesReact 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.Votes: 0GitHub stars: 11
- Vercel React Native SkillsComprehensive best practices for React Native and Expo applications. Contains rules across multiple categories covering performance, animations, UI patterns, and platform-specific optimizations.Votes: 0GitHub stars: 11
- Vercel Web Design GuidelinesReview 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".Votes: 0GitHub stars: 11
- Web Artifacts Builder 2Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.Votes: 0GitHub stars: 11
- Web Design GuidelinesReview 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".Votes: 0GitHub stars: 11
- Websocket EngineerUse this agent when implementing real-time bidirectional communication features using WebSockets, Socket.IO, or similar technologies at scale.Votes: 0GitHub stars: 11
- Wp Block DevelopmentUse when developing WordPress (Gutenberg) blocks: block.json metadata, register_block_type(_from_metadata), attributes/serialization, supports, dynamic rendering (render.php/render_callback), deprecations/migrations, viewScript vs viewScriptModule, and @wordpress/scripts/@wordpress/create-block build and test workflows.Votes: 0GitHub stars: 11
- Wp Block ThemesUse when developing WordPress block themes: theme.json (global settings/styles), templates and template parts, patterns, style variations, and Site Editor troubleshooting (style hierarchy, overrides, caching).Votes: 0GitHub stars: 11
- Wp Design SystemUse when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.Votes: 0GitHub stars: 11
- Wp Interactivity ApiUse when building or debugging WordPress Interactivity API features (data-wp-* directives, @wordpress/interactivity store/state/actions, block viewScriptModule integration, wp_interactivity_*()) including performance, hydration, and directive behavior.Votes: 0GitHub stars: 11
- Wp PlaygroundUse for WordPress Playground workflows: fast disposable WP instances in the browser or locally via @wp-playground/cli (server, run-blueprint, build-snapshot), auto-mounting plugins/themes, switching WP/PHP versions, blueprints, and debugging (Xdebug).Votes: 0GitHub stars: 11
- Wp Plugin DevelopmentUse when developing WordPress plugins: architecture and hooks, activation/deactivation/uninstall, admin UI and Settings API, data storage, cron/tasks, security (nonces/capabilities/sanitization/escaping), and release packaging.Votes: 0GitHub stars: 11
- Wp Wpcli And OpsUse when working with WP-CLI (wp) for WordPress operations: safe search-replace, db export/import, plugin/theme/user/content management, cron, cache flushing, multisite, and scripting/automation with wp-cli.yml.Votes: 0GitHub stars: 11
- Fastapi ExpertExpert-level FastAPI. Use when building Python APIs, working with Pydantic models, dependency injection, async endpoints, or OpenAPI docs.Votes: 0GitHub stars: 11
- Rest Api ExpertExpert-level REST API design. Use when designing RESTful APIs, HTTP methods, pagination, versioning, JWT/OAuth, rate limiting, or OpenAPI/Swagger.Votes: 0GitHub stars: 11
- Wp Rest ApiUse when building, extending, or debugging WordPress REST API endpoints/routes: register_rest_route, WP_REST_Controller/controller classes, schema/argument validation, permission_callback/authentication, response shaping, register_rest_field/register_meta, or exposing CPTs/taxonomies via show_in_rest.Votes: 0GitHub stars: 11
- Graphql ExpertExpert-level GraphQL. Use when designing schemas, writing resolvers, using Apollo, DataLoader for N+1, or optimizing GraphQL performance.Votes: 0GitHub stars: 11
- Graphql Federation ExpertExpert-level GraphQL Federation. Use when designing federated APIs, Apollo Federation, subgraphs, schema composition, or multi-team GraphQL supergraphs.Votes: 0GitHub stars: 11
- Grpc ExpertExpert-level gRPC and Protocol Buffers. Use when designing gRPC services, writing .proto files, streaming RPCs, or high-performance microservice communication.Votes: 0GitHub stars: 11
- Event Driven ExpertExpert-level event-driven architecture. Use when designing event-driven systems, working with Kafka, RabbitMQ, AWS SQS/SNS, event sourcing, CQRS, pub/sub patterns, event schema design, or async workflows. Also use when the user mentions 'event-driven', 'Kafka', 'message queue', 'event sourcing', 'outbox pattern', 'pub/sub', 'consumer group', 'dead letter queue', or 'async workflow'.Votes: 0GitHub stars: 11
- Serverless ExpertExpert-level serverless. Use when building Lambda, Vercel Functions, Cloudflare Workers, edge computing, cold start optimization, or serverless frameworks.Votes: 0GitHub stars: 11
- Nodejs ExpertExpert-level Node.js backend. Use when building Node.js servers, working with Express, Fastify, streams, worker threads, or Node.js performance.Votes: 0GitHub stars: 11
- Django ExpertExpert-level Django. Use when building Django apps, working with ORM queries, migrations, DRF, signals, middleware, or Django admin.Votes: 0GitHub stars: 11
- Apache Kafka ExpertExpert-level Apache Kafka. Use when working with producers/consumers, partitions, Kafka Streams, Schema Registry, exactly-once semantics, or Kafka Connect.Votes: 0GitHub stars: 11
- Websockets ExpertExpert-level WebSockets and real-time. Use when implementing WebSockets, Socket.IO, Server-Sent Events, pub/sub systems, or live collaboration features.Votes: 0GitHub stars: 11
- ActualizeReconcile the project's FPF state with recent repository changesVotes: 0GitHub stars: 11
- Claimable PostgresProvision instant temporary Postgres databases via Claimable Postgres by Neon (neon.new) with no login, signup, or credit card. Supports REST API, CLI, and SDK. Use when users ask for a quick Postgres environment, a throwaway DATABASE_URL for prototyping/tests, or "just give me a DB now". Triggers include: "quick postgres", "temporary postgres", "no signup database", "no credit card database", "instant DATABASE_URL", "npx neon-new", "neon.new", "neon.new API", "claimable postgres API".Votes: 0GitHub stars: 11
- Database Design ExpertExpert database schema design and architecture. Use when designing relational or document schemas, normalization, ER diagrams, choosing between SQL and NoSQL, handling many-to-many relations, or optimizing data models. Also use when the user mentions 'schema design', 'normalization', 'ER diagram', 'foreign key', 'many-to-many', 'data model', 'database architecture', 'table design', or 'NoSQL vs SQL'.Votes: 0GitHub stars: 11
- Mysql ExpertExpert-level MySQL/MariaDB. Use when writing MySQL queries, designing schemas, indexes, stored procedures, replication, or MySQL performance optimization.Votes: 0GitHub stars: 11
- Neon Postgres Egress OptimizerDiagnose and fix excessive Postgres egress (network data transfer) in a codebase. Use when a user mentions high database bills, unexpected data transfer costs, network transfer charges, egress spikes, "why is my Neon bill so high", "database costs jumped", SELECT * optimization, query overfetching, reduce Neon costs, optimize database usage, or wants to reduce data sent from their database to their application. Also use when reviewing query patterns for cost efficiency, even if the user doesn...Votes: 0GitHub stars: 11
- Neon PostgresGuides and best practices for working with Neon Serverless Postgres. Covers getting started, local development with Neon, choosing a connection method, Neon features, authentication (@neondatabase/auth), PostgREST-style data API (@neondatabase/neon-js), Neon CLI, and Neon's Platform API/SDKs. Use for any Neon-related questions.Votes: 0GitHub stars: 11
- Postgres NioExpert guidance on using PostgreSQL with Swift. Use when developers mention: (1) PostgreSQL or Postgres in Swift, (2) postgres-nio library, (3) SQL queries in Swift, (4) PostgreSQL connection pooling, (5) prepared statements, (6) type-safe database access, (7) bulk loading or COPY FROM, (8) PostgresClient or PostgresConnection.Votes: 0GitHub stars: 11
- Postgresql ExpertExpert-level PostgreSQL. Use when writing complex SQL queries, designing schemas, working with indexes, CTEs, window functions, JSONB, full-text search, stored procedures, performance tuning, or pg extensions. Also use when the user mentions 'slow query', 'EXPLAIN', 'index', 'migration', 'schema design', 'normalization', 'JOIN', 'window function', 'CTE', or 'JSONB'.Votes: 0GitHub stars: 11
- Sql Analytics ExpertExpert-level SQL for analytics and business intelligence. Use when writing complex analytical SQL, window functions, CTEs, cohort analysis, funnel queries, time-series analysis, or working with BI tools (Looker, Metabase, Superset). Also use when the user mentions 'window function', 'cohort analysis', 'funnel query', 'ROLLUP', 'CUBE', 'retention', 'analytics SQL', 'time series', or 'sessionization'.Votes: 0GitHub stars: 11