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.
-
tibursocampos Skill Developer 7Smart router for stack skills, or senior fullstack for ad-hoc scripts/HTML/automation. Use for generic development or when invoking /developer.
- tibursocampos Bundle Impeccable 5
Design, shape, critique, audit, and polish frontend UI; writes docs/DESIGN-BRIEF.md for stack handoff. Use for UI/UX design work or when invoking /impeccable.
- tibursocampos Skill Developer 8
Smart router for stack skills, or senior fullstack for ad-hoc scripts/HTML/automation. Use for generic development or when invoking /developer.
- tibursocampos Skill Javascript Developer 2
Implement or fix small-to-medium JavaScript/Node features without full SDD (Express/Fastify backend, DOM/html-css). Use for isolated JS/TS work or when invoking /javascript-developer.
- tibursocampos Bundle Impeccable 6
Design, shape, critique, audit, and polish frontend UI; writes docs/DESIGN-BRIEF.md for stack handoff. Use for UI/UX design work or when invoking /impeccable.
- tibursocampos Bundle Impeccable 7
Design, shape, critique, audit, and polish frontend UI; writes docs/DESIGN-BRIEF.md for stack handoff. Use for UI/UX design work or when invoking /impeccable.
- tibursocampos Bundle Impeccable 8
Design, shape, critique, audit, and polish frontend UI; writes docs/DESIGN-BRIEF.md for stack handoff. Use for UI/UX design work or when invoking /impeccable.
- tibursocampos Skill React Native Developer 2
Implement or fix small-to-medium React Native / Expo features without full SDD (hooks, TSX, RNTL). Use for isolated React Native work or when invoking /react-native-developer.
- tibursocampos Skill Vue Developer 5
Implement or fix small-to-medium Vue 3 features without full SDD (Composition API, Pinia, Vitest). Use for isolated Vue work or when invoking /vue-developer.
- tibursocampos Skill Vue Developer 6
Implement or fix small-to-medium Vue 3 features without full SDD (Composition API, Pinia, Vitest). Use for isolated Vue work or when invoking /vue-developer.
- tibursocampos Skill Javascript Developer 3
Implement or fix small-to-medium JavaScript/Node features without full SDD (Express/Fastify backend, DOM/html-css). Use for isolated JS/TS work or when invoking /javascript-developer.
- tibursocampos Skill Vue Developer 7
Implement or fix small-to-medium Vue 3 features without full SDD (Composition API, Pinia, Vitest). Use for isolated Vue work or when invoking /vue-developer.
- tibursocampos Skill Vue Developer 8
Implement or fix small-to-medium Vue 3 features without full SDD (Composition API, Pinia, Vitest). Use for isolated Vue work or when invoking /vue-developer.
- tibursocampos Skill Javascript Developer 4
Implement or fix small-to-medium JavaScript/Node features without full SDD (Express/Fastify backend, DOM/html-css). Use for isolated JS/TS work or when invoking /javascript-developer.
- tibursocampos Skill React Developer 5
Implement or fix small-to-medium React features without full SDD (hooks, TSX, RTL). Use for isolated React work or when invoking /react-developer.
- tibursocampos Skill React Developer 6
Implement or fix small-to-medium React features without full SDD (hooks, TSX, RTL). Use for isolated React work or when invoking /react-developer.
- tibursocampos Skill React Native Developer 3
Implement or fix small-to-medium React Native / Expo features without full SDD (hooks, TSX, RNTL). Use for isolated React Native work or when invoking /react-native-developer.
- tibursocampos Skill React Developer 7
Implement or fix small-to-medium React features without full SDD (hooks, TSX, RTL). Use for isolated React work or when invoking /react-developer.
- tibursocampos Skill React Developer 8
Implement or fix small-to-medium React features without full SDD (hooks, TSX, RTL). Use for isolated React work or when invoking /react-developer.
- tibursocampos Skill React Native Developer 4
Implement or fix small-to-medium React Native / Expo features without full SDD (hooks, TSX, RNTL). Use for isolated React Native work or when invoking /react-native-developer.
- tibursocampos Skill Javascript Developer 6
Implement or fix small-to-medium JavaScript/Node features without full SDD (Express/Fastify backend, DOM/html-css). Use for isolated JS/TS work or when invoking /javascript-developer.
- tibursocampos Skill Javascript Developer 7
Implement or fix small-to-medium JavaScript/Node features without full SDD (Express/Fastify backend, DOM/html-css). Use for isolated JS/TS work or when invoking /javascript-developer.
-
odjaramillo Skill Vue 2Vue 3 patterns with Composition API and TypeScript. Trigger: When building Vue.js applications with Composition API.
- odjaramillo Skill Trpc 2
Guidelines for writing Next.js apps with tRPC v11. Trigger: When building type-safe APIs with tRPC.
- odjaramillo Bundle Frontend Design
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.
- odjaramillo Skill React 2
React 18+ patterns with hooks, components, and state management. Trigger: When building React applications with hooks and components.
- odjaramillo Skill React 19 2
React 19 patterns with React Compiler. Trigger: When writing React 19 components/hooks in .tsx (React Compiler rules, hook patterns, refs as props). If using Next.js App Router/Server Actions, also use nextjs-15.
- odjaramillo Skill Tailwind 2
Tailwind CSS utility-first patterns and best practices. Trigger: When styling with Tailwind CSS utility classes.
- odjaramillo Skill Tailwind 4 2
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind (className, variants, cn()), especially when dynamic styling or CSS variables are involved (no var() in className).
- odjaramillo Skill Shopify Apps 2
Expert patterns for Shopify app development including Remix/React Router apps, embedded apps with App Bridge, webhook handling, GraphQL Admin API, Polaris components, billing, and app extensions. Use when: shopify app, shopify, embedded app, polaris, app bridge.
- odjaramillo Bundle Mobile Design 2
Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles, not fixed values. Use when building React Native, Flutter, or native mobile apps.
- odjaramillo Skill Supabase Auth 2
Guidelines for implementing Supabase Auth SSR in Next.js. Trigger: When implementing Supabase authentication.
- odjaramillo Skill React Patterns 2
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
- odjaramillo Skill Tailwind React 2
Patterns for using Tailwind CSS with React components. Trigger: When using Tailwind CSS with React components.
- odjaramillo Skill Backend Patterns 2
Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.
- odjaramillo Skill Coding Standards 2
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
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 developer, impeccable, developer. 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.