frontend

Plugin frontend from marketplace errorproof-skills in errorproofdev/skills. Commands read from the repo's manifest — 5 days ago.

Skills (28)

• chrome-extension-developer

  Expert in building Chrome Extensions using Manifest V3. Covers background scripts, service workers, content scripts, and cross-context communication.

• core-components

  Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.

• design-mirror

  Replicate the visual style of any website and apply it to your existing codebase. Use this skill whenever the user wants to match a site's design, mirror a UI aesthetic, make their app look like another site, or replicate a specific visual style from a URL. Trigger on phrases like 'make it look like

• design-spells

  Curated micro-interactions and design details that add "magic" and personality to websites and apps.

• e2e-testing-patterns

  Build reliable, fast, and maintainable end-to-end test suites that provide confidence to ship code quickly and catch regressions before users do.

• expo-tailwind-setup

  Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

• fixing-metadata

  Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding or reviewing SEO and social metadata.

• frontend-design

  Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

• hig-components-content

  Apple Human Interface Guidelines for content display components.

• hig-foundations

  Apple Human Interface Guidelines design foundations.

• hig-inputs

  Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.

• hig-project-context

  Create or update a shared Apple design context document that other HIG skills use to tailor guidance.

• hig-technologies

  Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.

• high-end-visual-design

  Use when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions.

• interactive-portfolio

  Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

• javascript-pro

  Master modern JavaScript with ES6+, async patterns, and Node.js APIs. Handles promises, event loops, and browser/Node compatibility.

• rayden-code

  Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns

• react-flow-node-ts

  Create React Flow node components following established patterns with proper TypeScript types and store integration.

• redesign-existing-projects

  Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites.

• tailwind-design-system

  Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

• threejs-materials

  Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.

• threejs-textures

  Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.

• trpc-fullstack

  Build end-to-end type-safe APIs with tRPC — routers, procedures, middleware, subscriptions, and Next.js/React integration patterns.

• typescript-pro

  Master TypeScript with advanced types, generics, and strict type safety. Handles complex type systems, decorators, and enterprise-grade patterns.

• ui-setup

  Interactive StyleSeed setup wizard for choosing app type, brand color, visual style, typography, and the first screen scaffold.

• ui-tokens

  List, add, and update StyleSeed design tokens while keeping JSON sources, CSS variables, and dark-mode values in sync.

• ui-ux-pro-max

  UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Se

• ui-visual-validator

  Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification.

Similar plugins