Web & Frontend

community-access Skill

---

community-access Skill

---

community-access Skill

NVDA Addon Development Specialist

community-access Skill

Non-visual text quality reviewer for web applications. Use when reviewing any page, component, or template for low-quality alt text, aria-labels, or button names. Detects template variables ({0}, {{var}}), code syntax in text attributes (property.alttext), placeholder text as labels, typos in short accessible names, whitespace-only names, and duplicate control labels. Enforces WCAG 1.1.1 (Non-text Content), 4.1.2 (Name, Role, Value), and 2.5.3 (Label in Name). Applies to any web framework or vanilla HTML/CSS/JS.

community-access Skill

---

boisenoise Bundle

Builds interactive HTML presentation from project docs with Mermaid diagrams. Use when sharing project overview with stakeholders.

boisenoise Bundle

Scaffolds new React projects or restructures monoliths to component-based architecture. Use when setting up frontend structure.

community-access Skill

Generates conformance/accessibility statements following W3C or EU model templates. Maps audit results to conformance claims, known limitations, and contact information.

community-access Skill

---

community-access Skill

---

community-access Skill

---

ariffazil Bundle

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

pingqlin Skill

Astro Development Instructions

pingqlin Skill

Next.js Best Practices for LLMs (2026)

pingqlin Skill

Svelte 5 and SvelteKit Development Instructions

pingqlin Skill

Next.js + Tailwind Development Instructions

pingqlin Skill

Power Apps Component Framework API Reference

pingqlin Skill

React Controls & Platform Libraries

pingqlin Skill

TanStack Start with Shadcn/ui Development Guide

vamseeachanta Skill

Playwright CLI recipes for E2E testing, screenshots, PDF export, and accessibility audits. Use instead of browser MCP tools for deterministic, token-efficient browser automation.

ctaxnagomi Bundle

Next.js development rules for Cursor AI.

ctaxnagomi Bundle

Professional UI/UX design workflows, component systems, and design tokens.

kesslernity Bundle

Builds a self-contained single-file HTML project dashboard (status banner, milestones table, risks heat list, decisions log, links) from the project tracker files the user attaches, pastes or holds in configured knowledge sources, and returns the complete HTML source in chat ready to save as dashboard-project-date.html. Use when the user asks to "build a dashboard for this project", "make a status page I can pin in the team channel", "give me an HTML overview of milestones, risks and decisions", "refresh the project dashboard from the tracker" or "turn these tracker files into a one-page visual summary". Do not use for creating or updating the tracker files or for the written weekly status report, use project-status-tracker instead. Drafts for human review; never approves, authorises or signs off.

kesslernity Bundle

Reviews the text and structure of a document, slide deck or web page against the accessibility rules the user supplies, or a default set covering heading structure, image alternative text, colour used as the only cue, link text, reading order, tables and language, and returns numbered findings with location, rule, severity and a ready-to-apply fix for the author, plus proposed alt text and a list of checks that need a tool or a person. Use when the user asks to "check this document for accessibility", "review the alt text in this deck", "is this page accessible", "run an accessibility check on these slides", "find accessibility issues before I publish" or "check my headings and link text". Do not use for brand or template compliance of slides, use branded-deck-builder instead. Drafts for human review; never approves, authorises or signs off.

ashish7802 Bundle

Vue Skill

ashish7802 Bundle

React Skill

ashish7802 Bundle

Next.js Skill

newkayak12 Bundle

Use when someone needs to build or fix UI — React components, page layouts, client-side interactivity, data-fetching hooks, styling, or form handling. Defaults to Next.js App Router, TypeScript, and Tailwind. Triggers on: "build a React component".

newkayak12 Bundle

Use when rendering a knowledge graph or Graph View dataset as an interactive, Obsidian-inspired standalone HTML visualization. Reads the knowledge plugin's nodes.jsonl and edges.jsonl artifacts; does not extract or invent graph relationships.

charlieviettq Skill

Ground framework and library decisions in official documentation—detect versions, fetch relevant docs, cite sources, flag unverified patterns. Use when API correctness matters for React, Next.js, Python libs, cloud SDKs, or unfamiliar stacks. Triggers: "official docs", "verify API", "source-driven", "is this API still valid".

charlieviettq Bundle

Build accessible UI—semantic HTML, keyboard support, ARIA when needed, WCAG-oriented checks. Use when implementing or reviewing web UI, forms, modals, and design systems. Triggers: "accessibility", "a11y", "WCAG", "keyboard nav", "screen reader".

charlieviettq Skill

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. Use when building landing pages, portfolios, redesigns, or frontend interfaces that need strong visual taste.

charlieviettq Skill

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. Use when designing raw brutalist, Swiss-industrial, tactical telemetry, or mechanical web interfaces.

charlieviettq Skill

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility. Use when exact v1 design-taste behavior is needed for frontend design work.

charlieviettq Skill

Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code. Use when generating premium mobile app screen concepts or flow reference images.

charlieviettq Skill

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. Use when auditing and upgrading an existing website or app UI without breaking functionality.