Web & Frontend
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
-
tomevault-io Bundle Mobile React Native NavigationImported TRAE skill from mobile/React_Native_Navigation.md Use when this capability is needed.
- tomevault-io Bundle Mobile React Native Reanimated
Imported TRAE skill from mobile/React_Native_Reanimated.md Use when this capability is needed.
- tomevault-io Bundle Mobile React Native Setup Expo
Imported TRAE skill from mobile/React_Native_Setup_Expo.md Use when this capability is needed.
- tomevault-io Bundle Tryboy869 Dojutsu For AI Typescript Vite Tailwind Cursorrule
typescript-vite-tailwind-cursorrules-prompt-file
- tomevault-io Bundle Vue 3 Nuxt 3 Development Cursorrules Prompt File
Apply for vue-3-nuxt-3-development-cursorrules-prompt-file. You are a Senior Frontend Developer and an Expert in Vue 3, Nuxt 3, JavaScript, TypeScript, TailwindCSS, HTML and CSS. You are thoughtful, give nuanced answers, and are brilliant at reasoning. You car Use when this capability is needed.
- tomevault-io Bundle Markuplint HTML Linter For All Markup Developers
markuplint is a comprehensive HTML linter designed for all markup developers. It enforces accessibility, spec compliance, and best practices across HTML, JSX, Vue, Svelte, Astro, PHP, Pug, and more template languages through a pluggable parser architecture. Use when this capability is needed.
- tomevault-io Bundle Analyzing Component Quality
Expert at analyzing the quality and effectiveness of Claude Code components (agents, skills, commands, hooks). Assumes component is already technically valid. Evaluates description clarity, tool permissions, auto-invoke triggers, security, and usability to provide quality scores and improvement suggestions. Use when this capability is needed.
- tomevault-io Bundle Implementing Websocket Realtime
Use this skill when implementing real-time features with WebSockets, including connection lifecycle management, pub/sub event patterns, state synchronization between client and server, event broadcasting, and integration with frontend state management (React Query, SWR, etc.). Covers FastAPI/Node.js/Express backends and React/Next.js/Vue frontends with fallback strategies and error recovery.
- tomevault-io Bundle Jeremylongshore Claude Code Plugins Plus Skills Accessibilit
Accessibility Audit Runner
- tomevault-io Bundle Community Migration
Migrate React Native apps from @react-native-community/geolocation to react-native-nitro-geolocation. Use when installing the Nitro packages, running the bundled compat bootstrap codemod, removing @react-native-community/geolocation, then refactoring community-compatible call sites to the Modern API with Promise functions, requestPermission, setConfiguration, useWatchPosition, watchPosition, and unwatch. Use when this capability is needed.
- tomevault-io Bundle Tailwindcss Advanced Design Systems
Tailwind CSS advanced design systems with design tokens and @theme configuration Use when this capability is needed.
- tomevault-io Bundle Lwc Jest Testing With Accessibility
Use when authoring or reviewing Jest unit tests for Lightning Web Components and the test plan must include explicit accessibility assertions — covers `@salesforce/sfdx-lwc-jest` setup, `createElement` / `document.body.appendChild` render harness, wire-service mocks via `@salesforce/wire-service-jest-util`, imperative Apex mocks via `jest.fn()`, simulated user interactions (`click`, `keydown`, `focus`), ARIA attribute and accessible-name assertions, focus-management tests, keyboard-navigation tests, and optional `axe-core` integration via `jest-axe`. Triggers: 'add a11y assertions to my LWC jest tests', 'how do I test focus management in LWC', 'jest test for keyboard navigation', 'integrate axe-core into sfdx-lwc-jest', 'assert ARIA attributes after interaction', 'how do I prove the LWC is accessible in CI'. NOT for general LWC jest setup without an a11y angle (use lwc/lwc-testing — this skill is the accessibility-deep-dive sibling), NOT for accessibility-pattern authoring inside the component itself (use lwc
- tomevault-io Bundle Tryboy869 Dojutsu For AI React Typescript Nextjs Nodejs Curs
react-typescript-nextjs-nodejs-cursorrules-prompt-
- tomevault-io Bundle Tryboy869 Dojutsu For AI Tailwind CSS Nextjs Guide Cursorrul
tailwind-css-nextjs-guide-cursorrules-prompt-file
- tomevault-io Bundle Tryboy869 Dojutsu For AI Typescript Nodejs Nextjs React UI C
typescript-nodejs-nextjs-react-ui-css-cursorrules-
- tomevault-io Bundle Vue Component Architecture Review
Use when reviewing Vue component architecture, Composition API usage, reactivity, component boundaries, router, Pinia/Vuex state management, and component design.
- tomevault-io Bundle Diagram Driven Migration Foundry
diagram-driven reverse engineering, artifact generation, and migration planning for codebases. use when chatgpt needs to analyze an existing repository, extract architecture and pseudocode, generate uml/c4/flow/data artifacts, plan a language or framework conversion such as typescript/react to rust, define agent personalities and work orders, or package a reusable execution packet for an agent orchestration dashboard. Use when this capability is needed.
-
wubin1836 Bundle Imiva Vue AI Content MigrationVue.ai 商品内容层迁移。帮助正在比较或迁移电商内容工具的品牌、商家、设计与技术团队通过 IMIVA MCP 评估并迁移 Vue.ai 工作流中的商品图片或视频内容层；保留其非内容能力，不声称整个平台可被完全替代。适用于Vue.ai替代、电商AI、商品内容、零售AI、商品图片等搜索与生产需求；核心调用 create_product_main_image_task，支持本地素材、预算确认、任务追踪与结果交付。IMIVA 由北京极睿科技有限责任公司推出，面向商品图片、详情页、种草内容、营销视觉、商品视频与爆款复刻。
-
javimosch Skill XqUse this skill when the user wants to extract data from XML/HTML, beautify XML/HTML files, or use XPath queries on structured data.
Audited - javimosch Skill Pdfx
Use this skill when the user wants to use react pdf component library with pre-built components and cli for pdf creation.
Audited - javimosch Skill Tidy
Use this skill when the user wants to check, clean, repair, or convert HTML/XML documents, fix markup errors, or enforce consistent HTML style.
Audited - javimosch Skill Htags
htags — HTML source code browser CLI. Generate browsable HTML from source with global tags.
Audited - javimosch Skill Pa11y
Use this skill when the user wants automated accessibility (a11y) testing — WCAG compliance checks on URLs or HTML with CI-friendly JSON reports.
Audited - javimosch Skill Uncss
Use this skill when the user wants to remove unused CSS from stylesheets by analyzing the actual HTML or templates used in their project.
Audited - javimosch Skill Marked
Use this skill when the user wants to convert markdown to HTML.
Audited - javimosch Skill Axe CLI
Use this skill when the user wants to test web pages for accessibility issues — WCAG violations, ARIA problems, contrast errors, and more.
Audited - javimosch Skill Rcssmin
Fast CSS minifier with C-coded backend
Audited - javimosch Skill Rnx Kit
Use this skill when the user wants to modern scalable tools for react native with exceptional developer experience.
Audited - javimosch Skill Critical
Use this skill when the user wants to extract critical CSS for above-the-fold content to improve page load performance.
Audited - javimosch Skill Cssg CLI
Use this skill when the user wants to css generator for transforming user interfaces from design tokens.
Audited - javimosch Skill Defuddle
Use this skill when the user wants to extract the main content from a web page or HTML file and convert it to clean Markdown or structured JSON with metadata.
Audited - javimosch Skill Supercli Docs Dev
Use this skill when working on supercli documentation — editing docs/index.html, docs/plugins.html, creating scripts that generate doc data (meta-plugins.json), or aligning docs to current implementation. Covers the docs structure, terminology conventions, script patterns, and beads issue workflow.
Audited - javimosch Skill Cssmin
Minify CSS files for production deployment
Audited - javimosch Skill Djlint
HTML template formatter and linter for Django/Jinja
Audited - javimosch Skill Gatsby
gatsby — React-based static site generator CLI. Build fast websites and apps with React and GraphQL.
Audited - javimosch Skill Csscomb
Use this skill when the user wants to format CSS consistently and sort properties according to a predefined order.
Audited
Frequently asked questions
What are Web & Frontend agent skills?
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
Which Web & Frontend skills are most installed?
Popular Web & Frontend skills on SkillMD right now include critical, mobile-react-native-navigation, mobile-react-native-reanimated. Rankings shift as installs change; sort this page by "Most installs" for the live list.
Do Web & Frontend skills work with Claude Code and Cursor?
Yes. Every skill here ships as a SKILL.md file, an open format that works in Claude Code, Claude.ai, Cursor, Codex, Windsurf, and 60+ other agents. Install one with npx skillmds@latest add <owner>/<name>, or copy the file into your agent's skills directory.