LangGenius
Official@langgenius
Dify is an LLMOps platform that helps you build GPT-based applications easily and intuitively.
Agent Skills by LangGenius
Showing 124 vetted skills indexed across 3 GitHub repositories.
langgeniustanstack-table
Builds headless data tables with sorting, filtering, and pagination in React.
langgeniusreact-router-data-mode
Build React applications with React Router data mode using loaders, actions, and optimistic UI.
langgeniusplaywright-best-practices
Guides writing, debugging, and maintaining Playwright tests in TypeScript.
langgeniusseo-audit
Diagnose technical, on-page, and content SEO issues and produce prioritized audit reports.
langgeniusshadcn
Manages shadcn/ui components via CLI for adding, searching, styling, and composing React UI.
langgeniustanstack-query-best-practices
Implement TanStack Query patterns for caching, mutations, and server state in React applications.
langgeniusreact-useeffect
Guides correct useEffect usage in React with anti-patterns and alternatives.
langgeniushono
Build and test Hono web applications with routing, middleware, validation, and streaming APIs.
langgeniusd1-drizzle-schema
Generate Drizzle ORM schemas and migrations for Cloudflare D1 databases.
langgeniuslingui-best-practices
Implement internationalization in React and JavaScript applications using Lingui macros and catalogs.
langgeniusui-accessibility
Build and review accessible React UI components using Base UI primitives.
langgeniusvercel-react-best-practices
Applies Vercel performance optimization rules when writing or refactoring React and Next.js code.
langgeniusai-sdk
Build AI agents, chatbots, and text generation features with the Vercel AI SDK.
langgeniusresend
Send, receive, and manage transactional emails through the Resend API.
langgeniusenhanced-message-context
Add translator comments to Lingui i18n messages for accurate translations.
langgeniuslottie-animation
Integrate, control, and export Lottie animations across web and mobile runtimes.
langgeniusui-ux-pro-max
Search a local database of UI styles, color palettes, typography, and UX guidelines to generate design systems.
langgeniusgpt-tasteskill
Generates award-level React landing pages with GSAP animations and strict layout rules.
langgeniuspseudo-elements
Audit CSS and JavaScript for pseudo-element best practices and View Transitions API usage.
langgeniuscompact-landing
Generates compact, visually distinct landing pages with varied design fingerprints and zero layout shift.
langgeniusanimation-on-scroll
Creates scroll-triggered reveal animations using IntersectionObserver and Tailwind animation classes.
langgeniusfixing-motion-performance
Audit and fix CSS and JavaScript animation performance issues like layout thrashing and jank.
langgeniuspricing-page
Generates SaaS pricing page outlines, plan tables, FAQs, and SEO specifications.
langgeniuscontrast-checker
Analyzes color contrast ratios in code files for WCAG 2.1 compliance.
Frequently Asked Questions About LangGenius
FAQPage SchemaWhat specific tasks are enabled by these technical skills?▼
These skills enable automated validation of OpenAPI specifications, rigorous testing of React frontend components, and comprehensive auditing of Markdown documentation. They facilitate consistent terminology checks, formatting compliance across multiple languages, and precise impact analysis during version release cycles.
Which personas benefit from these technical capabilities?▼
Technical writers, frontend engineers, and release managers working within the Dify ecosystem are the primary beneficiaries. These capabilities assist developers in maintaining high-quality codebases and documentation teams in ensuring that technical guides remain synchronized with evolving feature sets and implementation changes.
What are the prerequisites for utilizing these documentation and testing skills?▼
Utilization requires access to the Dify source repository and familiarity with the established writing guide and glossary. Users must have a development environment configured for Vitest and React Testing Library to execute frontend component tests effectively.