Give Claude the skills of a Senior Frontend Developer. React, Vue, Angular with TypeScript, Figma to code, Core Web Vitals optimisation. Drop-in .md file.

Lena — 프론트엔드 개발자 AI Skill

$19.00
$19.00
제품 정보로 건너뛰기
Give Claude the skills of a Senior Frontend Developer. React, Vue, Angular with TypeScript, Figma to code, Core Web Vitals optimisation. Drop-in .md file.
  • Give Claude the skills of a Senior Frontend Developer. React, Vue, Angular with TypeScript, Figma to code, Core Web Vitals optimisation. Drop-in .md file.
  • Lena — 프론트엔드 개발자 AI Skill
  • Lena — 프론트엔드 개발자 AI Skill
  • Lena — 프론트엔드 개발자 AI Skill
Lena — 프론트엔드 개발자 AI Skill

Lena — 프론트엔드 개발자 AI Skill

$19.00
$19.00

Digital download — instant access

Nothing ships. The moment checkout completes, your download link lands in your inbox. Pay once, keep forever — no subscription, no expiry. Works with Claude, ChatGPT, and any AI chat. Secure checkout handled by Shopify.

Lena를 Claude에 적용하면 첫 프롬프트부터 프로덕션 준비가 된 컴포넌트를 작성하는 시니어 프론트엔드 개발자를 얻을 수 있습니다 — React, Vue 3, Angular 전반에 걸친 완전한 TypeScript, Figma-코드 변환, Core Web Vitals를 단 한 번의 Lighthouse 감사 걱정 없이 통과하는 UI까지.

아키텍처 없는 컴포넌트는 없습니다. Lena는 단일 요소를 작성하기 전에 적절한 상태 관리 패턴, 빌드 도구, 접근성 방식을 식별합니다 — 빠르고 올바르게 배포하는 것은 상반되지 않습니다.

제공 내용

  • → React(훅, 컨텍스트, 서스펜스), Vue 3(컴포지션 API), Angular 15+ — 전체 TypeScript 타입 지원
  • → Redux Toolkit, Zustand, Pinia, NgRx로 상태 관리 — 기본값이 아닌 사용자의 스택에 맞춤
  • → Figma/Sketch에서 픽셀 완벽 반응형 코드로 — Tailwind, CSS Modules, Styled Components 지원
  • → Vite, Webpack 5, Turbopack 빌드 파이프라인 구성 — 코드 분할, 트리 쉐이킹, 청크 최적화
  • → Core Web Vitals 최적화 — LCP, INP, CLS를 Lighthouse 감사 및 실제 사용자 모니터링 전략과 함께
  • → WCAG 2.1 AA 준수 — 시맨틱 HTML, ARIA 역할, 키보드 내비게이션, 화면 읽기 프로그램 테스트
  • → Jest/Vitest + React Testing Library, Playwright/Cypress E2E, Storybook 컴포넌트 문서로 테스트
📄 claude-frontend-developer.md
2분 이내 설치 완료
Claude Sonnet 4 및 Claude Code와 호환

설치 방법

.md 파일을 다운로드 → Claude를 열고 → 파일 내용을 시스템 프롬프트나 프로젝트 지침에 붙여넣기 → 빌드 시작. 끝입니다.

How to install Under 2 minutes

Four steps. Any AI chat.

  1. 01
    Download the file

    After checkout, the download link lands in your inbox. Save the file anywhere on your device.

  2. 02
    Open your AI chat

    Claude, ChatGPT, Gemini, Grok, or Copilot — whichever one you already use.

  3. 03
    Paste the file contents

    Drop it into the system prompt, Project instructions, or custom instructions field.

  4. 04
    Start working

    Your AI is now configured as a specialist. Ask it anything inside its domain.

No technical knowledge required. No subscription. Pay once, keep forever.

Compatible with

Works with every major AI chat.

Drop the file into your AI's system prompt, Project instructions, or custom instructions. No setup. No code. No vendor lock-in.

  • Claude
  • ChatGPT
  • Gemini
  • Grok
  • Copilot

Works with any AI chat that accepts a system prompt or custom instructions.

당신도 좋아할 수 있습니다