farmjs
Build, debug, migrate, document, test, and deploy Farm.js applications and integrations. Use for Farm.js config, file routing, React/Preact/Solid/Vue/Svelte…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-01 00:15
Frontend & websites
11,340 results
product-film
Make a product launch / promo video as one self-contained HTML file (picture + synthesized soundtrack driven by a single render(t) function), preview it in the…
iom-frontend-design-system
Align frontend design and implementation with the IOM ITB design system used in this repository. Use when creating or updating Vue and Tailwind pages, layouts,…
denji
Manage SVG icons as framework components using Denji CLI. Use when the user needs to add, remove, list, export, import, or manage SVG icons in React, Preact,…
kanpeki
Use Kanpeki component library in React projects. Activate when user wants to add, use, customize, or compose accessible UI components from Kanpeki…
tanstack-form
TanStack Form best practices for type-safe form management, validation, field composition, and submission handling in React. Use when building forms with…
frontend-agent
Frontend specialist for React, Next.js, TypeScript, and modern UI development
insane-crawl
Local, resumable research crawler for public websites. Use when the user asks to crawl a site, collect multiple pages, map a documentation site, resume a…
tailwind-plus
Find the machine-local Tailwind Plus workspace (Catalyst UI kit and the Tailwind Plus component catalog, migrated to React 19) and copy markup from it instead…
frontend-design
Creates distinctive, production-grade frontend interfaces with high design quality. Guides bold aesthetic decisions, creative typography, cohesive color…
seo-geo-optimize
Audits and automatically implements SEO, local SEO (Geo/Schema.org), and Social Graph structured data across web projects according to modern best practices.
lit-components
Create or edit Lit components in this repository, including reactive properties and internal state.
salesforce-experience-site
Use this skill when users need to create, modify, or manage Salesforce Experience Cloud sites (LWR sites). Trigger when users mention Experience sites, LWR…
salesforce-web-app-feature
Use this skill when users need to add features to Salesforce React web applications. Trigger when users mention adding authentication, search, charts, GraphQL,…
salesforce-web-application
Directory of web application (React) sub-knowledges for Salesforce React BYO, feature packages, and copy-then-adjust workflow. Use when working with Salesforce…
forge_check-all-components-design
Use when you need to comprehensively check the design quality of all React components in the project, scan and report anti-patterns such as God Component, configuration-driven, business coupling, etc., to ensure compliance with design specifications. Trigger words: check component design, scan component quality, component design review.
forge_generate-preview
Use when you need to generate a structured .json description and a visualized .md directory tree preview for React component files, for detailed structural analysis, complexity assessment, and planning before component splitting. Trigger words: generate component preview document, pre-split analysis, component structure visualization.
forge_i18n-best-practice
Must be followed when creating or refactoring i18n internationalization code, ensuring compliance with react-i18next best practices (initialization configuration, translation file structure, component usage, SSR synchronization, language switching, and test mocking).
forge_implement-split
Use when large components or modules need to be split into multiple independent files according to best practices, systematically performing code splitting and refactoring to ensure each module's structure after splitting conforms to standards. Trigger words: split component, implement file splitting, code module splitting and refactoring, component-split.
forge_page-best-practice
Must follow when creating or reviewing frontend page structure, ensuring compliance with the Anatomy specification and correctly separating Wrapper, Content, and Optional Store modules.
forge_refactor-classname
Use when you need to check or convert className template strings in React/Vue files to cn function calls, supporting recursive folder scanning and detailed reporting of all locations. Trigger words: optimize className usage, refactor template strings, check className conventions.
forge_refactor-ui-components
Use when native HTML elements in code (such as button, input, select, etc.) need to be automatically refactored into project component library components, ensuring compliance with component library specifications while keeping functionality unchanged. Trigger words: refactor UI components, replace native elements, migrate to component library.
forge_store-best-practice
Must follow when using Zustand to create or refactor a state management Store, ensuring compliance with the slice pattern, Provider setup, and type safety conventions.
forge_storybook-best-practice
Must follow when creating or maintaining Storybook Stories, ensuring that component documentation naming, parameter definitions, and decorator configuration conform to the project's Storybook authoring standards.