← all publishers

langgenius

@langgenius source repo

Report this profile Claim this profile

• 78 skills
• 0 followers
• 23 hours ago last updated

1. ▌
   Complexity Optimizer · langgenius bundle

   Analyze a software codebase for algorithmic complexity and performance hotspots, then propose or implement safe optimizations without breaking behavior. Use when Codex is asked to scan many files, find inefficient loops, nested iteration, repeated scans, costly rendering/recomputation, N+1 queries, avoidable O(n^2) or O(n) operations, or reduce complexity such as O(n^2) to O(n log n) / O(n), while preserving tests, APIs, outputs, and maintainability.
   0
   installs
2. ▌
   Gpt Taste · langgenius

   Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.
   0
   installs
3. ▌
   Image To Code · langgenius

   Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.
   0
   installs
4. ▌
   Minimalist UI · langgenius

   Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
   0
   installs
5. ▌
   Morphing Icons · langgenius

   Build icon components where any icon morphs into any other through SVG line transformation. Use when asked to "create morphing icons", "build icon transitions", "animate between icons", or "transform icons".
   0
   installs
6. ▌
   Build Primitive · langgenius

   Guide for building foundational Prototyper UI components from scratch when no Base UI primitive exists. Use when creating components that need custom ARIA contracts, keyboard navigation, focus management, controlled/uncontrolled state, form integration, or animation lifecycle — all without an existing Base UI wrapper.
   0
   installs
7. ▌
   Compact Landing · langgenius bundle

   Build compact, distinctive landing pages and product skeletons without repeating one visual template. Use for package demos, developer tools, documentation intros, focused product pages, and micro-SaaS sites that should feel small, polished, tactile, product-specific, and visually different on each run. Vary composition, palette, typography, radius, surfaces, motifs, and safe motion while preserving clear actions, accessibility, responsive behavior, and zero layout shift.
   0
   installs
8. ▌
   Pseudo Elements · langgenius

   Audit CSS for pseudo-element best practices and View Transitions API usage. Use when reviewing hover effects, decorative layers, or page transitions. Outputs file:line findings.
   0
   installs
9. ▌
   Sounds On The Web · langgenius

   Audit UI code for audio feedback best practices. Use when reviewing sound implementation, checking audio UX decisions, or auditing accessibility. Outputs file:line findings.
   0
   installs
10. ▌
    Design Taste Frontend · langgenius

    Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
    0
    installs
11. ▌
    High End Visual Design · langgenius

    Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
    0
    installs
12. ▌
    Generating Sounds With AI · langgenius

    Audit Web Audio API code for sound synthesis best practices. Use when reviewing procedural audio, implementing UI sounds, or checking audio parameter quality. Outputs file:line findings.
    0
    installs
13. ▌
    Mastering Animate Presence · langgenius

    Audit Motion/Framer Motion code for AnimatePresence best practices. Use when reviewing exit animations, modals, or presence state. Outputs file:line findings.
    0
    installs
14. ▌
    Redesign Existing Projects · langgenius

    Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.
    0
    installs
15. ▌
    To Spring Or Not To Spring · langgenius

    Audit animation code for correct timing function selection. Use when reviewing motion implementations, debugging animations that feel wrong, or choosing between springs and easing. Outputs file:line findings.
    0
    installs
16. ▌
    Resend · langgenius bundle

    Use when working with the Resend email API — sending transactional emails (single or batch), receiving inbound emails via webhooks, managing email templates, tracking delivery events, managing domains, contacts, broadcasts, webhooks, API keys, automations, events, viewing API request logs, or setting up the Resend SDK. Always use this skill when the user mentions Resend, even for simple tasks like "send an email with Resend" — the skill contains critical gotchas (idempotency keys, webhook verification, template variable syntax) that prevent common production issues.
    0
    installs
17. ▌
    Soft Skill · langgenius

    Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
    0
    installs
18. ▌
    Taste Skill · langgenius

    Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
    0
    installs
19. ▌
    Gpt Tasteskill · langgenius

    Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.
    0
    installs
20. ▌
    Redesign Skill · langgenius

    Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.
    0
    installs
21. ▌
    Brutalist Skill · langgenius

    Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.
    0
    installs
22. ▌
    Minimalist Skill · langgenius

    Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
    0
    installs
23. ▌
    Antfu Web Design Guidelines · langgenius bundle

    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".
    0
    installs
24. ▌
    Tokener · langgenius bundle

    Use when operating the tokener CLI: Tokener.ai console management (keys, billing, usage, models), authentication, or launching a coding agent through the Tokener Gateway.
    0
    installs
25. ▌
    Local Difypkg Validator · langgenius bundle

    Validate a local Dify .difypkg file with bundled Marketplace package validators. Use when a user wants to check a downloaded or locally built plugin package before submitting a PR, including package contents, secrets, binaries, manifest/privacy, README, dependencies, outbound access domains, dependency vulnerabilities, Python safety warnings, and financial-activity review signals.
    0
    installs
26. ▌
    Mosoo · langgenius bundle

    Use when a coding agent needs to work with mosoo setup, local or cloud runtime state, mosoo CLI operations, or app integration with a published mosoo Agent.
    0
    installs
27. ▌
    Wta Install · langgenius

    Install the WTA Rust CLI from source. Clone the public repository, build with cargo, and place the wta binary on PATH. Use when the user wants to start using WTA but does not yet have the wta binary installed, or wants to upgrade to the latest commit on main.
    0
    installs
28. ▌
    Wta Blue Lead · langgenius bundle

    Act as the WTA blue-lead. Use when the user is signing a task acceptance contract, sealing a green-lead decomposition, or merging a Green-reviewed task into product main. Blue-lead is the gate that protects product main; it does not implement code and does not run the review checks itself (blue-harness does).
    0
    installs
29. ▌
    Wta Using Wta · langgenius bundle

    Operate WTA, the role-gated workflow controller for teams collaborating with humans and AI coding agents. Use when the user wants to set up a new WTA project, configure the SSH/VPS pair, register an identity, or follow the Blue-Green role lifecycle from intent through release.
    0
    installs
30. ▌
    Wta Green Impl · langgenius bundle

    Act as the WTA green-impl. Use when the user is claiming a contract-sealed task, pulling its worktree, implementing the task, running checks, and submitting for review. Green-impl is the only role that edits product source code; it must stay inside the task contract's allowed files.
    0
    installs
31. ▌
    Wta Green Lead · langgenius bundle

    Act as the WTA green-lead. Use when the user is decomposing a sealed feature intent into tasks, creating a task draft, or signing a task interface contract. Green-lead owns decomposition and the implementation surface; it does not write acceptance contracts and does not implement product code.
    0
    installs
32. ▌
    Wta Blue Harness · langgenius bundle

    Act as the WTA blue-harness reviewer. Use when the user is reviewing a Delivered task by pulling a reviewer worktree, running the acceptance contract's Required Checks, and recording a verdict. Blue-harness is independent of green-impl; the same person should not implement and review the same task except in solo dogfood scenarios.
    0
    installs
33. ▌
    Wta Orchestrator · langgenius bundle

    Act as the WTA orchestrator. Use when the user is bootstrapping a WTA project, publishing or sealing a feature intent, registering team members or release targets, closing an intent, or running a release push. The orchestrator owns intent and release; it does not implement code or sign acceptance.
    0
    installs
34. ▌
    Droploft API · langgenius

    Layer 3 raw HTTP: any endpoint not yet covered by a flow or resource verb.
    0
    installs
35. ▌
    Droploft Doc · langgenius

    Manage Droploft documents (drops): upload, list, get, content, share, publish, delete.
    0
    installs
36. ▌
    Droploft Loft · langgenius

    Lofts: types, switching, listing, member operations.
    0
    installs
37. ▌
    Droploft Tasks · langgenius

    Background task runs — list, inspect, retry. Use this to debug async failures from doc +upload, publish, etc.
    0
    installs
38. ▌
    Droploft Shared · langgenius

    Droploft v2 CLI: authentication, configuration, profiles, and patterns shared across all domains.
    0
    installs
39. ▌
    Droploft Workspace · langgenius

    Workspaces: switching, listing, members, navigation tree.
    0
    installs
40. ▌
    Sandbox Sdk · langgenius bundle

    Build or review Cloudflare Sandbox SDK integrations using repository evidence and current official documentation. Use for secure code execution, agent runtimes, container-backed tools, Wrangler bindings, Dockerfiles, preview services, or Sandbox lifecycle work, especially in an existing project whose package manager, Wrangler format, and image versions must be preserved.
    0
    installs
41. ▌
    No Use Effect · langgenius

    Avoid unnecessary React effects in mosoo while using React useEffect directly for real external synchronization. Use when writing or reviewing React components, refactoring effect-driven derived state or event relays, handling subscriptions and browser APIs, or validating web changes with mosoo's focused Justfile commands.
    0
    installs
42. ▌
    Better Auth Security Best Practices · langgenius

    Better Auth security hardening: rate limits, secrets, CSRF, trusted origins, cookies, sessions, OAuth tokens, and audit logging. Use when reviewing auth security, brute-force protection, token handling, or deployment safety.
    0
    installs
43. ▌
    Code Review Guardrails · langgenius

    Review mosoo changes for project-rule, architecture, type-safety, data-scope, generated-source, observability, dependency, and verification violations. Use before committing, after completing a feature, or when reviewing another agent's diff, especially for API, GraphQL, D1, runtime, auth, UI, or infrastructure changes.
    0
    installs
44. ▌
    Create Auth Skill · langgenius

    Scaffold Better Auth in TypeScript apps: framework handlers, DB adapters, OAuth, email/password, and auth UI. Use when adding login, sign-up, session handling, or Better Auth plugins.
    0
    installs
45. ▌
    Better Auth Best Practices · langgenius

    Better Auth server/client setup: `auth.ts`, generated schema, DB adapters, sessions, cookies, env vars, and plugins. Use when mentioning Better Auth, betterauth, auth handlers, OAuth, email/password, or session configuration.
    0
    installs
46. ▌
    Typescript Style Guardrails · langgenius bundle

    Readability-first TypeScript and TSX style guardrails for strict codebases. Use when reviewing or editing TypeScript, defining shared contracts, creating lintable style rules, or deciding between type vs interface, null vs undefined, and Pick/Omit/Partial-heavy type expressions.
    0
    installs
47. ▌
    Email And Password Best Practices · langgenius

    Better Auth email/password setup: verification emails, password reset, policies, hashing, and credential sign-in. Use when adding or hardening email/password login, sign-up, reset, or verification flows.
    0
    installs
48. ▌
    Building AI Agent On Cloudflare · langgenius bundle

    Builds AI agents on Cloudflare using the Agents SDK with state management, real-time WebSockets, scheduled tasks, tool integration, and chat capabilities. Generates production-ready agent code deployed to Workers. Use when: user wants to "build an agent", "AI agent", "chat agent", "stateful agent", mentions "Agents SDK", needs "real-time AI", "WebSocket AI", or asks about agent "state management", "scheduled tasks", or "tool calling". Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
    0
    installs
49. ▌
    Dify CLI Docs · langgenius

    Rule pack for the Dify CLI (`difyctl`) doc set: en/cli/ and the Enterprise develop/cli/ trees. Readers, source of truth, house style, page shape, and content ownership. Loaded by dify-docs-write.
    0
    installs
50. ▌
    Dify Docs Write · langgenius bundle

    The entry point for writing or revising any documentation in this repo: user guides, deployment pages, plugin-dev pages, API specs, the env-var reference, CLI pages. Triggers: "write docs for X", "document X", "update this page", "fix/correct this doc", "rewrite/optimize X", "add a page for X".
    0
    installs
51. ▌
    Dify Docs Guides · langgenius

    Rule pack for Dify user-guide pages — en/{cloud,self-host}/use-dify/, en/develop-plugin/, and en/self-host/deploy/. Carries the reader personas (master copy), audience-voice rules, dual-copy discipline, and env-var presentation patterns. Loaded by dify-docs-write; not an entry point.
    0
    installs
52. ▌
    Dify Docs Env Vars · langgenius bundle

    Rule pack for the environment variable reference — en/self-host/deploy/configuration/environments.mdx. Carries the tracing procedure, description rules, verifier, and document structure. Loaded by dify-docs-write; not an entry point. Its release-sync diff is a standalone procedure invoked by dify-docs-release-sync.
    0
    installs
53. ▌
    Dify Docs Editor Test · langgenius

    Judge a finished draft as the docs owner would: a fresh agent reads it against the style guide's standard and the reference page in its genre, marks the sentences that fall short, and returns a ship verdict. Runs in the pipeline's Check stage before any linter.
    0
    installs
54. ▌
    Dify Docs Reader Test · langgenius

    Post-writing verification from the reader's perspective. Invoke after completing any documentation task to simulate a real user reading the document for the first time.
    0
    installs
55. ▌
    Dify Docs Format Check · langgenius bundle

    Check formatting compliance in changed documentation against writing-guides/formatting-guide.md and tools/translate/formatting-{zh,ja}.md. Routes by path: en/ files get the English linter and rules; zh/ and ja/ files get the CJK linter and rules. Use after finalizing a draft or a translation batch, or when the user says "check formatting", "format check", "format audit", or "check CJK formatting".
    0
    installs
56. ▌
    Dify Docs Release Sync · langgenius bundle

    Use when preparing documentation updates for a Dify release — either comparing two version references (e.g., v1.13.2 and v1.13.3) or prepping ahead of an unreleased version in multiple passes. Covers API reference, help documentation, environment variable changes, and UI i18n glossary impact.
    0
    installs
57. ▌
    Dify Docs API Reference · langgenius bundle

    Rule pack for the Service API specs ({en,zh,ja}/api-reference/openapi_service.json): spec conventions, app-type scoping, code-verification rules, and the audit machinery. Writing and editing run under dify-docs-write; the standalone audit of an existing spec ("audit the API spec") runs directly from this pack.
    0
    installs
58. ▌
    Dify Docs Feature Research · langgenius

    Research a Dify feature before writing or optimizing documentation. Use when starting any doc task that requires understanding a feature's implementation, user pain points, or community feedback. Triggers: 'research this feature', 'investigate the code for', 'what do users say about', 'let's understand how X works before writing', or any documentation task where the current docs are being rewritten or significantly expanded.
    0
    installs
59. ▌
    Dify Docs Terminology Check · langgenius

    Audit terminology consistency across documentation against the codebase UI labels and the glossary — in prose and in the UI strings shown in screenshots. Covers full files, not just diffs; excludes env var docs. Use after finalizing a draft, or when the user says "check terminology", "check terms", "verify glossary", or "terminology audit".
    0
    installs
60. ▌
    Rams · langgenius

    Run accessibility and visual design review
    0
    installs
61. ▌
    Harden · langgenius

    Designs that only work with perfect data aren't production-ready. Harden the interface against the inputs, errors, languages, and network conditions that real users will throw at it.
    0
    installs
62. ▌
    Refactor · langgenius

    Accessibility refactoring specialist. Automatically fixes accessibility issues across multiple files. Performs complex refactoring like extracting accessible components, restructuring markup, and implementing proper ARIA patterns.
    0
    installs
63. ▌
    Optimize UI · langgenius

    Performance is a feature. Identify the actual bottleneck for THIS interface, fix it, then measure. Don't optimize what isn't slow.
    0
    installs
64. ▌
    Link Purpose · langgenius

    Analyzes code for WCAG 2.4.4 Link Purpose (In Context) compliance. Identifies generic link text, ambiguous links, and links without sufficient context. Recommends descriptive link text and proper ARIA attributes.
    0
    installs
65. ▌
    Use Of Color · langgenius

    Analyzes code for WCAG 1.4.1 Use of Color compliance. Identifies where color is used as the only means of conveying information and recommends additional visual indicators like text, icons, patterns, or ARIA attributes.
    0
    installs
66. ▌
    Audit And Fix · langgenius

    Closes the audit→edit→verify loop. Runs an accessibility audit, applies fixes to source code, and re-audits to confirm. Prefers live-DOM auditing via a browser MCP when available; falls back to static HTML audit when not.
    0
    installs
67. ▌
    Distill Devfile · langgenius

    Fold new dev-log entries back into docs/dev-file volumes (the current-truth architecture docs), then bump each volume's 最后核对 stamp. Use when the user asks to distill/reconcile dev-file, run the weekly docs pass, or close out a workstream. Processes only the delta since each volume's stamp — cheap when run regularly.
    0
    installs
68. ▌
    UI Accessibility · langgenius

    Build or review accessible React UI. Use when implementing UI components, reviewing UI code, checking accessibility, choosing Base UI React primitives, or validating forms, overlays, keyboard behavior, focus management, accessible names, and Testing Library queries.
    0
    installs
69. ▌
    Contrast Checker · langgenius

    Color contrast analyzer for WCAG compliance. Use when analyzing color contrast in code files, when user mentions WCAG compliance, color accessibility, contrast ratios, or when discussing colors in UI components. Calculates contrast ratios, identifies violations, and suggests accessible color alternatives that preserve design themes.
    0
    installs
70. ▌
    Lingui Best Practices · langgenius bundle

    Implement internationalization with Lingui in React and JavaScript applications. Use when adding i18n, translating UI, working with Trans/useLingui/Plural, extracting messages, compiling catalogs, or when the user mentions Lingui, internationalization, i18n, translations, locales, message extraction, ICU MessageFormat, or working with .po files.
    0
    installs
71. ▌
    Frontend UI Engineering · langgenius

    Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.
    0
    installs
72. ▌
    Enhanced Message Context · langgenius

    Provide additional context for messages based on the codebase and the context of the message to improve the quality of the translations.
    0
    installs
73. ▌
    Playwright Best Practices · langgenius bundle

    Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), console error monitoring, global setup/teardown, test annotations (skip, fixme, slow), test tags (@smoke, @fast, @critical, filtering with --grep), project dependencies, security testing (XSS, CSRF, auth), performance budgets (Web Vitals, Lighthouse), iframes, component testing, canvas/WebGL, service workers/PWA, test coverage, i18n/localization, Electron apps, or browser extension testing. Covers E2E, component, API, visual, accessibility, security, Electron, and extension testing.
    0
    installs
74. ▌
    E2e Cucumber Playwright · langgenius bundle

    Use when writing, changing, or reviewing Cucumber and Playwright tests under `e2e/`, including feature files, step definitions, support code, scenario tags, locators, and assertions. Do not use for Vitest, React Testing Library, backend tests, or generic browser automation outside the E2E suite.
    1
    install
75. ▌
    How To Write Component · langgenius bundle

    Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries, state, data flow, effects, or interaction ownership. Do not use for review-only requests, test-only work, copy-only edits, or styling-only changes.
    1
    install
76. ▌
    Frontend Code Review · langgenius bundle

    Use only when the user explicitly requests a review or audit of frontend code under `web/` or `packages/dify-ui/`. Supports pending-change, file-focused, and pasted-diff reviews. Do not use for implementation-only requests, diagnosis without review intent, or backend-only code.
    1
    install
77. ▌
    Backend Code Review · langgenius bundle

    Use only when the user explicitly requests a review or audit of backend code under `api/`. Supports pending-change, file-focused, and pasted-diff reviews. Do not use for implementation-only requests, diagnosis without review intent, frontend code, or backend code outside `api/`.
    1
    install
78. ▌
    Frontend Testing · langgenius

    Use when writing or changing Vitest or React Testing Library tests under `web/` or `packages/dify-ui/`, or when the user explicitly requests frontend test strategy, including evaluation of an existing strategy. Do not use for frontend code-review-only requests, general testability discussion, Python tests, or Cucumber/Playwright E2E.
    1
    install