Generate high-quality landing pages with anti-slop guardrails and multi-platform support. Creates modern, accessible designs for Zo.space, standalone HTML, and Next.js with professional aesthetics and clear typography hierarchy.
Constrói interfaces com qualidade de produção. Use quando o usuário for construir ou modificar interfaces voltadas ao usuário final, criar componentes, implementar layouts, gerenciar estado, ou quando o resultado precisar parecer feito por um engenheiro com senso de design — e não gerado por IA.
Add, 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. Every user-facing string must go through the translation system and every new key must exist in ALL locale files. Do NOT use for backend strings, log messages, or code identifiers.
2 projects use a version of this
156k18d agoReviewMountCreate a free account to mount
Run Mealie's backend and frontend dev servers and drive the UI in a real browser with the Playwright MCP. Use when building or debugging a frontend feature, reproducing a UI bug, checking a change visually (desktop or mobile), taking screenshots for a PR, or writing and running a Playwright spec in tests/e2e.
Steady19 mentions in 2 weeks
No other project uses it yet
14k5d agoReviewMountCreate a free account to mount
Build production-grade frontend interfaces with design system awareness, accessibility, responsive patterns, and component architecture. Use this skill when building UI components, pages, or applications — whether a new feature, redesign, or component library work. Triggers on "build a component", "create a page", "design the UI", "add a form", "build a dashboard", "responsive layout", "fix the styling", "component library", "design system", "accessibility audit", "WCAG", "mobile layout", "CSS refactor", "frontend", "UI", "UX". Works standalone in any coding agent. Integrates with TaskPlex when running via /tp.
Edit or review Svelte components, SvelteKit routes, component tests, and Storybook stories in this workspace. Use when changing reactivity, component APIs, rendered HTML, disclosure behaviour, SSR boundaries, or story composition. ExkPasswd's plain TypeScript browser shell follows its package guide.
Implement production frontend code for websites, web apps, iOS, and Android, from creative website builds and faithful site rebuilds to dense product UI: components, state, data fetching, forms, auth flows, chat and agent-run UIs, routing, responsive accessible interfaces, performance, client security, and tests. Covers React, Next.js, Tailwind, shadcn/ui, SwiftUI, Jetpack Compose, and React Native, and consumes a design handoff (handoff.yaml, DESIGN.md). Do not use for design direction, motion or animation implementation, SEO strategy, backend or system architecture, or QA audits unless the request also requires frontend implementation.
Build UI components against the real APIs. Use after the backend is built (for features that need one). Default stack is React/Next/Tailwind/shadcn; adapt to the project's actual UI stack.
Rules for anything that renders HTML — accessibility, SEO and GEO built as one job for the non-visual reader. Use when writing or reviewing HTML, templates, components, ARIA, meta tags, structured data, sitemaps, llms.txt, or any page a browser, crawler or agent will read.
Internal PostHog developer frontend/browser QA skill. Use only when a PostHog developer explicitly asks to run frontend QA, browser-test a PR, verify a UI flow against the local PostHog stack, use qa-frontend, or QA current frontend changes with browser/runtime evidence, or to make a feature reel (see reel mode below). Do not use for generic code review, PR review, "check my changes", CI debugging, or security audit; use qa-team, debugging-ci-failures, or security-audit instead. QA runs in PR mode or local mode, plans adaptive browser and visual checks, drives browser MCP/tooling such as Playwright MCP or Chrome DevTools MCP, captures evidence, and applies only approved/narrow fixes. Reel mode makes a feature reel instead: a short, sharp animated WebP of one UI flow for a PR description. Use it when asked for a reel, GIF, or animated demo, or when writing-pr-descriptions calls for a reel: a new action and its effect that one screenshot cannot show.
7286d agoReviewMountCreate a free account to mount
apps/web UI — routes, @repo/ui, TanStack Start server functions and collections, navigation (Link vs useNavigate), forms (useForm + createFormSubmitHandler + fieldErrorsAsStrings for Zod field errors), Tailwind layout rules, design-system updates, and useEffect / useMountEffect policy.
4.7k9d agoReviewMountCreate a free account to mount
[omh] Building or polishing a web or terminal UI: prepare design-system-driven web and terminal (TUI) UI creation, redesign, polish, accessibility, performance, and visual QA handoffs. Use when the user says: frontend, front-end, front end, frontend skill, in the frontend, on the frontend, to the frontend, web ui.
Steady4 mentions in 2 weeks
No other project uses it yet
3k2mo agoReviewMountCreate a free account to mount
Plain text files in a repository that tell a coding agent how the project works: commands to run, conventions to follow and things to avoid. CLAUDE.md, AGENTS.md, cursor rules and skills are the common kinds.
CLAUDE.md or AGENTS.md?
CLAUDE.md is read by Claude Code. AGENTS.md is an open format that Codex, Cursor and other agents read. Many projects keep one and point the other at it.
What is a skill?
A folder with a SKILL.md that describes one capability, such as filling PDFs or reviewing code. The agent loads it only when the task calls for it.
Can I search my own team's files too?
Your agents already can, over MCP, limited to the files you're allowed to read. Searching them from this page is coming.