Design & Frontend
4,640 results
- Extract ErrorsreactUse when adding new error messages to React, or seeing "unknown error code" warnings.
- FlowreactUse when you need to run Flow type checking, or when seeing Flow type errors in React code.
- VerifyfacebookUse when you want to validate changes before committing, or when you need to check all React contribution requirements.
- Rtl Aware DevelopmentanomalycoOpenCode Desktop should be RTL-aware. Use when implementing or reviewing RTL/LTR behavior in the web app, desktop app, CSS, menus, scrolling, resizing, icons, mixed-direction text, or Electron title bars.
- N8n Agent Design Languagen8n-ioDesign or review Agent Builder interfaces. Use for Agent configuration patterns, modal flows, responsive behavior, status treatments, and other Agent-only UI work.
- Book TranslationfTranslate "The Interactive Book of Prompting" chapters and UI strings to a new language
- Orpc Contract FirstlanggeniusGuide for implementing oRPC contract-first API patterns in Dify frontend. Triggers when creating new API contracts, adding service endpoints, integrating TanStack Query with typed contracts, or migrating legacy service calls to oRPC. Use for all API layer work in web/contract and web/service directories.
- Frontend Code Reviewlangflow-aiReview frontend code (.tsx, .ts, .js files) for quality, performance, and correctness against Langflow's frontend conventions. Supports pending-change reviews and file-targeted reviews.
- Frontend I18nlangflow-aiAdd, change, or review user-facing text in the Langflow frontend using the i18n system (i18next / react-i18next). Use whenever a change adds or edits UI strings — labels, buttons, tooltips, modals, toasts, error messages, empty states — or when reviewing a diff that contains user-facing text.
- Frontend Query Mutationlangflow-aiGuide for implementing Langflow frontend query and mutation patterns with Axios and TanStack React Query v5. Trigger when creating or updating API hooks in controllers/API/queries, consuming UseRequestProcessor in components, deciding whether to use useQuery or useMutation, handling conditional queries, cache invalidation, mutation error handling, or migrating legacy API calls to the query hook…
- Chatgpt App BuilderShubhamsabooDEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-use/mcp-use --skill mcp-app-builder` Use `mcp-app-builder` instead of this skill. Build ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK.
- Content WritershubhamsabooWrites marketing copy for landing pages, emails, and social media posts. Use when creating promotional content, sales copy, or brand messaging.
- Banner DesignnextlevelbuilderDesign banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print.
- Banner DesignNext Level BuilderDesign banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print.
- UI StylingnextlevelbuilderCreate beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating…
- AutoplangarrytanAuto-review pipeline — reads the full CEO, design, eng, and DX review skills from disk and runs them sequentially with auto-decisions using 6 decision principles. (gstack)
- Design ConsultationgarrytanDesign consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview... (gstack)
- Design HtmlgarrytanDesign finalization: generates production-quality Pretext-native HTML/CSS. (gstack)
- Design ShotgungarrytanDesign shotgun: generate multiple AI design variants, open a comparison board, collect structured feedback, and iterate. (gstack)
- Gstack Openclaw Office HoursgarrytanUse when asked to brainstorm, evaluate whether an idea is worth building, run office hours, or think through a new product idea or design direction before any code is written.
- Plan Design ReviewgarrytanDesigner's eye plan review — interactive, like CEO and Eng review. (gstack)
- Migrate Radix To Baseshadcn-uiMigrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects.
- Shadcnshadcn-uiManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file.
- Shadcnshadcn-uiManages shadcn components and projects â adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".