Claude와 Skills를 활용해 더 풍부하고 맞춤화된 프런트엔드 디자인을 구축하기 위한 모범 사례.
Meet Claude
Products * Claude * Claude Code
Features
* [Claude in Chrome](https://claude.com/chrome)
* [Claude in Slack](https://claude.com/claude-in-slack)
* [Claude in Excel](https://claude.com/claude-in-excel)
* [Skills](https://claude.com/skills)
Models
* [Opus](https://www.anthropic.com/claude/opus)
* [Sonnet](https://www.anthropic.com/claude/sonnet)
* [Haiku](https://www.anthropic.com/claude/haiku)
*
Platform
* [Overview](https://claude.com/platform/api)
* [Developer docs](https://docs.claude.com/)
* [Pricing](http://claude.com/pricing#api)
* [Regional Compliance](https://claude.com/regional-compliance)
* [Console login](https://platform.claude.com/)
*
Solutions
Use cases * AI agents * Coding
Industries
* [Customer support](https://claude.com/solutions/customer-support)
* [Education](https://claude.com/solutions/education)
* [Financial services](https://claude.com/solutions/financial-services)
* [Government](https://claude.com/solutions/government)
* [Healthcare](https://claude.com/solutions/healthcare)
* [Life sciences](https://claude.com/solutions/life-sciences)
* [Nonprofits](https://claude.com/solutions/nonprofits)
*
Pricing
* [Overview](https://claude.com/pricing)
* [API](https://claude.com/pricing#api)
* [Max plan](https://claude.com/pricing/max)
* [Team plan](https://claude.com/pricing/team)
* [Enterprise plan](https://claude.com/pricing/enterprise)
*
Learn
* [Blog](https://claude.com/blog)
* [Courses](https://www.anthropic.com/learn)
* [Customer stories](https://claude.com/customers)
* [Events](https://www.anthropic.com/events)
* [Tutorials](https://claude.com/resources/tutorials)
* [Use cases](https://claude.com/resources/use-cases)
* [Anthropic news](https://www.anthropic.com/news)
Contact sales Contact salesContact sales
Try Claude Try ClaudeTry Claude
Contact sales Contact salesContact sales
Try Claude Try ClaudeTry Claude
Meet Claude
Products * Claude * Claude Code
Features
* [Claude in Chrome](https://claude.com/chrome)
* [Claude in Slack](https://claude.com/claude-in-slack)
* [Claude in Excel](https://claude.com/claude-in-excel)
* [Skills](https://claude.com/skills)
Models
* [Opus](https://www.anthropic.com/claude/opus)
* [Sonnet](https://www.anthropic.com/claude/sonnet)
* [Haiku](https://www.anthropic.com/claude/haiku)
*
Platform
* [Overview](https://claude.com/platform/api)
* [Developer docs](https://docs.claude.com/)
* [Pricing](http://claude.com/pricing#api)
* [Regional Compliance](https://claude.com/regional-compliance)
* [Console login](https://platform.claude.com/)
*
Solutions
Use cases * AI agents * Coding
Industries
* [Customer support](https://claude.com/solutions/customer-support)
* [Education](https://claude.com/solutions/education)
* [Financial services](https://claude.com/solutions/financial-services)
* [Government](https://claude.com/solutions/government)
* [Healthcare](https://claude.com/solutions/healthcare)
* [Life sciences](https://claude.com/solutions/life-sciences)
* [Nonprofits](https://claude.com/solutions/nonprofits)
*
Pricing
* [Overview](https://claude.com/pricing)
* [API](https://claude.com/pricing#api)
* [Max plan](https://claude.com/pricing/max)
* [Team plan](https://claude.com/pricing/team)
* [Enterprise plan](https://claude.com/pricing/enterprise)
*
Learn
* [Blog](https://claude.com/blog)
* [Courses](https://www.anthropic.com/learn)
* [Customer stories](https://claude.com/customers)
* [Events](https://www.anthropic.com/events)
* [Tutorials](https://claude.com/resources/tutorials)
* [Use cases](https://claude.com/resources/use-cases)
* [Anthropic news](https://www.anthropic.com/news)
Explore here
Claude와 Skills를 활용해 더 풍부하고 맞춤화된 프런트엔드 디자인을 구축하기 위한 모범 사례.
Category [Coding](https://claude.com/blog/category/coding)
Product Claude apps
Date November 12, 2025
Reading time 5 min
Share [Copy link](https://claude.com/blog/improving-frontend-design-through-skills#)https://claude.com/blog/improving-frontend-design-through-skills
가이드 없이 LLM에게 랜딩 페이지를 만들어 달라고 하면, 거의 항상 Inter 폰트, 흰 배경 위 보라색 그라데이션, 최소한의 애니메이션이라는 형태로 수렴하는 것을 볼 수 있습니다.
문제는 무엇일까요? 분포적 수렴(distributional convergence). 샘플링 과정에서 모델은 학습 데이터의 통계적 패턴을 바탕으로 토큰을 예측합니다. 누구에게나 무난하게 통하고 누구도 불쾌하게 하지 않는 ‘안전한’ 디자인 선택이 웹 학습 데이터에서 지배적입니다. 방향을 주지 않으면 Claude는 이 높은 확률의 중심에서 샘플링합니다.
고객을 대상으로 하는 제품을 만드는 개발자에게 이런 제네릭한 미감은 브랜드 정체성을 훼손하고, AI가 생성한 인터페이스를 즉각 알아볼 수 있게 만들어—결국 가볍게 치부되기 쉽습니다.
좋은 소식은, 올바른 프롬프트를 주면 Claude는 매우 잘 조향된다는 점입니다. Claude에게 “Inter와 Roboto를 피하라”거나 “단색 대신 분위기 있는 배경을 써라”라고 말하면 결과가 즉시 좋아집니다. 이런 가이드에 대한 민감성은 기능(feature)입니다. 즉 Claude가 서로 다른 디자인 맥락, 제약, 미적 취향에 적응할 수 있다는 뜻입니다.
하지만 이는 실무적인 과제를 만듭니다. 작업이 전문화될수록 제공해야 하는 맥락이 늘어납니다. 프런트엔드 디자인에서는 타이포그래피 원칙, 색채 이론, 애니메이션 패턴, 배경 처리까지 아우르는 효과적인 가이드가 필요합니다. 여러 차원에 걸쳐 어떤 기본값을 피하고 어떤 대안을 선호하는지 지정해야 합니다.
이 모든 것을 시스템 프롬프트에 넣을 수도 있지만, 그러면 Python 디버깅, 데이터 분석, 이메일 작성 등 모든 요청에 프런트엔드 디자인 맥락이 따라다닙니다. 결국 질문은 이렇게 됩니다. 관련 없는 작업에는 영구적인 맥락 오버헤드를 주지 않으면서, 필요한 순간에만 도메인 특화 가이드를 Claude에 제공하려면 어떻게 해야 할까요?
바로 이것이 Skills가 설계된 이유입니다. 즉, 영구적인 오버헤드 없이 필요할 때만 전문화된 컨텍스트를 제공하는 것. 스킬은 지침, 제약, 도메인 지식을 담은 문서(대개 마크다운)로, Claude가 간단한 파일 읽기 도구를 통해 접근할 수 있는 지정 디렉터리에 저장됩니다. Claude는 런타임에 필요한 정보를 스킬로부터 동적으로 로딩해, 모든 것을 처음부터 한꺼번에 로딩하는 대신 컨텍스트를 점진적으로 강화할 수 있습니다.
이 스킬들과 이를 읽을 수 있는 도구가 갖춰지면, Claude는 현재 작업에 따라 관련 스킬을 스스로 식별하고 로딩할 수 있습니다. 예를 들어 랜딩 페이지를 만들거나 React 컴포넌트를 생성하라는 요청을 받으면, Claude가 프런트엔드 디자인 스킬을 로딩해 지침을 ‘적시(just-in-time)’에 적용할 수 있습니다. 핵심적인 멘탈 모델은 이것입니다. 스킬은 필요할 때 활성화되는 프롬프트이자 컨텍스트 리소스이며, 특정 유형의 작업에 대해 전문화된 가이드를 제공하면서도 영구적인 컨텍스트 오버헤드를 발생시키지 않습니다.
이로써 개발자는 시스템 프롬프트에 서로 다른 작업을 위한 지침을 마구 넣어 컨텍스트 윈도우를 과부하시키지 않으면서도, Claude의 조향 가능성(steerability)을 누릴 수 있습니다. 우리가 이전에 설명했듯이, 컨텍스트 윈도우에 토큰이 너무 많으면 성능이 저하될 수 있으므로, 컨텍스트 내용을 날씬하고 집중되게 유지하는 것이 모델로부터 최상의 성능을 이끌어내는 데 매우 중요합니다. 스킬은 효과적인 프롬프트를 재사용 가능하고 상황맥락적으로 만들며 이 문제를 해결합니다.
프런트엔드 디자인 스킬을 만들면, 영구적인 컨텍스트 오버헤드 없이도 Claude로부터 훨씬 더 나은 UI 생성 결과를 끌어낼 수 있습니다. 핵심 통찰은 프런트엔드 디자인을 프런트엔드 엔지니어처럼 생각하는 것입니다. 미적 개선을 구현 가능한 프런트엔드 코드로 더 잘 매핑할수록 Claude는 더 잘 실행합니다.
이 통찰을 활용해, 우리는 타이포그래피, 애니메이션, 배경 효과, 테마 등 타깃팅된 프롬프트가 잘 먹히는 몇 가지 영역을 확인했습니다. 이들은 모두 Claude가 작성할 수 있는 코드로 깔끔하게 번역됩니다. 프롬프트에 이를 반영하는 데 상세한 기술적 지침이 반드시 필요한 것은 아닙니다. 이러한 디자인 축에 대해 더 비판적으로 사고하도록 모델을 자극하는 ‘표적화된 언어’를 쓰는 것만으로도 더 강한 출력을 이끌어내기에 충분합니다. 이는 우리가 컨텍스트 엔지니어링 블로그 글에서 제공한 가이드와도 밀접하게 맞닿아 있습니다. 즉, 올바른 고도(altitude)에서 모델을 프롬프트하고, 정확한 헥스 코드 지정을 강요하는 저고도 하드코딩 로직과, 공유 컨텍스트가 있다고 가정하는 고고도 모호한 가이드라는 두 극단을 피하라는 내용입니다.
이를 실제로 보려면, 타이포그래피를 프롬프트로 영향을 줄 수 있는 한 차원으로 보겠습니다. 아래 프롬프트는 Claude가 더 흥미로운 폰트를 사용하도록 구체적으로 조향합니다.
plaintext<use_interesting_fonts> Typography instantly signals quality. Avoid using boring, generic fonts. Never use: Inter, Roboto, Open Sans, Lato, default system fonts Here are some examples of good, impactful choices: - Code aesthetic: JetBrains Mono, Fira Code, Space Grotesk - Editorial: Playfair Display, Crimson Pro - Technical: IBM Plex family, Source Sans 3 - Distinctive: Bricolage Grotesque, Newsreader Pairing principle: High contrast = interesting. Display + monospace, serif + geometric sans, variable font across weights. Use extremes: 100/200 weight vs 800/900, not 400 vs 600. Size jumps of 3x+, not 1.5x. Pick one distinctive font, use it decisively. Load from Google Fonts. </use_interesting_fonts>
베이스 프롬프트로 생성된 출력:
베이스 프롬프트 + 타이포그래피 섹션으로 생성된 출력
흥미롭게도, 더 흥미로운 폰트를 쓰라는 지시가 모델로 하여금 디자인의 다른 측면도 함께 개선하도록 유도하는 듯합니다.
타이포그래피만으로도 큰 개선이 생기지만, 폰트는 하나의 차원일 뿐입니다. 전체 인터페이스에서 일관된 미감은 어떻게 만들 수 있을까요?
프롬프트로 조향할 수 있는 또 다른 차원은 널리 알려진 테마와 미감에서 영감을 받은 디자인입니다. Claude는 대중적인 테마에 대한 이해가 풍부하므로, 이를 활용해 프런트엔드가 구현해야 할 특정 미감을 전달할 수 있습니다. 예시는 다음과 같습니다.
javascript<always_use_rpg_theme> Always design with RPG aesthetic: - Fantasy-inspired color palettes with rich, dramatic tones - Ornate borders and decorative frame elements - Parchment textures, leather-bound styling, and weathered materials - Epic, adventurous atmosphere with dramatic lighting - Medieval-inspired serif typography with embellished headers </always_use_rpg_theme>
이렇게 하면 다음과 같은 RPG 테마 UI가 생성됩니다.
타이포그래피와 테마는 표적화된 프롬프트가 효과적임을 보여줍니다. 하지만 각 차원을 일일이 수동으로 지정하는 것은 번거롭습니다. 이 모든 개선을 하나의 재사용 가능한 자산으로 결합할 수 있다면 어떨까요?
같은 원리는 다른 디자인 차원에도 확장됩니다. 모션(애니메이션과 마이크로 인터랙션)에 대한 프롬프트는 정적인 디자인이 갖지 못한 완성도를 더해주며, 배경 선택을 더 흥미로운 방향으로 유도하면 깊이감과 시각적 흥미가 생깁니다. 이 지점에서 포괄적인 스킬이 빛을 발합니다.
이를 모두 종합해, 우리는 약 400 토큰 길이의 프롬프트를 만들었습니다. 스킬로 로딩하더라도 컨텍스트를 부풀리지 않을 만큼 컴팩트하면서, 타이포그래피/색/모션/배경 전반에 걸쳐 프런트엔드 출력 품질을 극적으로 개선합니다.
plaintext<frontend_aesthetics> You tend to converge toward generic, "on distribution" outputs. In frontend design,this creates what users call the "AI slop" aesthetic. Avoid this: make creative,distinctive frontends that surprise and delight. Focus on: - Typography: Choose fonts that are beautiful, unique, and interesting. Avoid generic fonts like Arial and Inter; opt instead for distinctive choices that elevate the frontend's aesthetics. - Color & Theme: Commit to a cohesive aesthetic. Use CSS variables for consistency. Dominant colors with sharp accents outperform timid, evenly-distributed palettes. Draw from IDE themes and cultural aesthetics for inspiration. - Motion: Use animations for effects and micro-interactions. Prioritize CSS-only solutions for HTML. Use Motion library for React when available. Focus on high-impact moments: one well-orchestrated page load with staggered reveals (animation-delay) creates more delight than scattered micro-interactions. - Backgrounds: Create atmosphere and depth rather than defaulting to solid colors. Layer CSS gradients, use geometric patterns, or add contextual effects that match the overall aesthetic. Avoid generic AI-generated aesthetics: - Overused font families (Inter, Roboto, Arial, system fonts) - Clichéd color schemes (particularly purple gradients on white backgrounds) - Predictable layouts and component patterns - Cookie-cutter design that lacks context-specific character Interpret creatively and make unexpected choices that feel genuinely designed for the context. Vary between light and dark themes, different fonts, different aesthetics. You still tend to converge on common choices (Space Grotesk, for example) across generations. Avoid this: it is critical that you think outside the box! </frontend_aesthetics>
위 예시에서 우리는 먼저 문제와 해결하려는 목표에 대한 일반적인 컨텍스트를 Claude에게 제공합니다. 이런 종류의 고수준 컨텍스트를 주는 것이 출력물을 보정(calibrate)하는 데 유용한 프롬프트 기법임을 확인했습니다. 다음으로 앞서 논의한 개선 벡터들을 짚고, 이 모든 차원에서 더 창의적으로 생각하도록 유도하는 표적 조언을 제공합니다.
또한, Claude가 또 다른 국소 최대값(local maximum)으로 수렴하는 것을 막기 위해 마지막에 추가 가이드를 포함했습니다. 특정 패턴을 피하라고 명시해도 모델이 다른 흔한 선택(예: 타이포그래피에서 Space Grotesk)으로 기본값을 옮겨갈 수 있습니다. “틀 밖에서 생각하라(think outside the box)”는 마지막 리마인더는 창의적 변주를 강화합니다.
이 스킬을 활성화하면 Claude의 출력은 다음을 포함한 여러 유형의 프런트엔드 디자인에서 개선됩니다.
예시 1: SaaS 랜딩 페이지
캡션: Inter 기본 폰트, 보라색 그라데이션, 표준 레이아웃을 가진 제네릭한 AI 생성 SaaS 랜딩 페이지. 스킬을 사용하지 않음.
캡션: 위 렌더링과 동일한 프롬프트에 프런트엔드 스킬을 추가로 사용해 생성한 AI 프런트엔드. 개성 있는 타이포그래피, 일관된 컬러 스킴, 레이어드 배경이 적용됨.
예시 2: 블로그 레이아웃
기본 시스템 폰트와 평평한 흰색 배경을 가진 AI 생성 블로그 레이아웃. 스킬을 사용하지 않음.
동일한 프롬프트에 프런트엔드 스킬을 함께 사용해 생성한 AI 블로그 레이아웃. 에디토리얼 타입페이스, 분위기 있는 깊이감, 정제된 여백이 특징.
예시 3: 관리자 대시보드
시각적 위계가 최소인 표준 UI 컴포넌트 중심의 AI 생성 관리자 대시보드. 스킬을 사용하지 않음.
동일한 프롬프트에 프런트엔드 스킬을 추가로 사용해 생성한 AI 관리자 대시보드. 굵직한 타이포그래피, 일관된 다크 테마, 목적 있는 모션을 포함.
디자인 취향만이 유일한 한계는 아닙니다. Claude는 아티팩트를 만들 때 구조적(아키텍처) 제약도 마주합니다. 아티팩트(Artifacts)는 Claude가 생성해 채팅 옆에 표시하는 상호작용 가능하고 편집 가능한 콘텐츠(코드나 문서 등)입니다.
위에서 다룬 디자인 취향 문제 외에도, Claude에는 claude.ai에서 멋진 프런트엔드 아티팩트를 생성하는 능력을 제한하는 또 하나의 기본 동작이 있습니다. 현재 프런트엔드를 만들어 달라고 하면 Claude는 CSS와 JS가 포함된 단일 HTML 파일만 만듭니다. 이는 Claude가 아티팩트로 제대로 렌더링되려면 프런트엔드가 단일 HTML 파일이어야 한다고 이해하기 때문입니다.
인간 개발자에게도 단일 파일 안에서 HTML/CSS/JS만 작성할 수 있게 제한하면 매우 기본적인 프런트엔드만 만들 수 있을 것이라 기대하듯이, 우리는 Claude 역시 더 풍부한 툴링을 사용하라는 지침을 주면 더 인상적인 프런트엔드 아티팩트를 생성할 수 있을 것이라 가정했습니다.
이로 인해 우리는 web-artifacts-builder 스킬을 만들었습니다. 이 스킬은 Claude의 컴퓨터 사용(use a computer) 능력을 활용하고, Claude가 여러 파일과 React, Tailwind CSS, shadcn/ui 같은 현대적 웹 기술로 아티팩트를 구축하도록 안내합니다. 내부적으로 이 스킬은 (1) Claude가 기본 React 레포를 효율적으로 셋업하도록 돕고, (2) 편집이 끝난 뒤 Parcel을 사용해 모든 것을 단일 파일로 번들링하여 ‘단일 HTML 파일’ 요구사항을 만족시키는 스크립트를 노출합니다. 이는 스킬의 핵심 이점 중 하나입니다. 즉, 보일러플레이트 작업을 실행할 스크립트에 Claude가 접근할 수 있도록 하면, Claude는 토큰 사용을 최소화하면서 신뢰성과 성능을 높일 수 있습니다.
web-artifacts-builder 스킬을 사용하면 Claude는 shadcn/ui의 폼 컴포넌트와 Tailwind의 반응형 그리드 시스템을 활용하여 보다 종합적인 아티팩트를 만들 수 있습니다.
예시 1: 화이트보드 앱
예를 들어 web-artifacts-builder 스킬 없이 화이트보드 앱을 만들어 달라고 프롬프트하면, Claude는 매우 기본적인 인터페이스를 출력했습니다.
반면 새 web-artifacts-builder 스킬을 사용하면, Claude는 여러 도형과 텍스트를 그릴 수 있는 더 깔끔하고 기능이 풍부한 애플리케이션을 기본 상태(out-of-the-box)로 생성했습니다.
예시 2: 태스크 매니저 앱
마찬가지로 태스크 관리 앱을 만들어 달라고 했을 때, 스킬 없이 Claude는 동작은 하지만 매우 미니멀한 애플리케이션을 생성했습니다.
스킬을 사용하면 Claude는 기본 상태에서 더 기능이 풍부한 앱을 생성했습니다. 예를 들어 Claude는 사용자가 태스크에 연관된 카테고리(Category)와 마감일(Due Date)을 설정할 수 있는 “Create New Task” 폼 컴포넌트를 포함했습니다.
이 새 스킬을 Claude.ai에서 사용해 보려면, 스킬을 활성화한 다음 아티팩트를 만들 때 Claude에게 “web-artifacts-builder 스킬을 사용해”라고 요청하면 됩니다.
이 프런트엔드 디자인 스킬은 언어 모델 역량에 대한 더 넓은 원리를 보여줍니다. 모델은 종종 기본값 상태에서 드러내는 것보다 더 많은 능력을 갖고 있습니다. Claude는 강한 디자인 이해를 지니고 있지만, 가이드가 없으면 분포적 수렴이 이를 가립니다. 이 지침들을 시스템 프롬프트에 추가할 수도 있지만, 그러면 작업과 무관할 때조차 모든 요청이 프런트엔드 디자인 컨텍스트를 떠안게 됩니다. 반면 Skills를 사용하면, Claude는 지속적인 가이드를 필요로 하는 도구에서, 모든 작업에 도메인 전문성을 가져오는 도구로 변합니다.
또한 Skills는 높은 수준으로 커스터마이즈할 수 있습니다. 특정 요구에 맞춘 스킬을 직접 만들 수 있습니다. 이를 통해 회사의 디자인 시스템, 특정 컴포넌트 패턴, 산업별 UI 관례 등 스킬에 ‘구워 넣고 싶은’ 원시 요소(primitives)를 정확히 정의할 수 있습니다. 이러한 결정을 스킬로 인코딩하면, 에이전트 사고의 구성 요소를 팀 전체가 활용할 수 있는 재사용 자산으로 바꿀 수 있습니다. 스킬은 조직 지식이 되어 지속되고 확장되며, 프로젝트 전반에서 일관된 품질을 보장합니다.
이 패턴은 프런트엔드 작업에만 국한되지 않습니다. Claude가 더 확장된 이해를 갖고 있음에도 제네릭한 출력을 내는 모든 도메인은 스킬 개발 후보입니다. 방법은 일관됩니다. 수렴하는 기본값을 식별하고, 구체적인 대안을 제공하며, 올바른 고도에서 가이드를 구조화하고, Skills로 재사용 가능하게 만드는 것입니다.
프런트엔드 개발에서는, 이것이 요청마다 프롬프트 엔지니어링을 하지 않아도 Claude가 개성 있는 인터페이스를 생성할 수 있음을 의미합니다. 시작하려면 프런트엔드 디자인 쿡북을 살펴보거나, Claude Code의 새 프런트엔드 디자인 플러그인을 사용해 보세요.
영감을 받으셨나요? 나만의 프런트엔드 스킬을 만들려면 skill-creator 를 확인해 보세요.
감사의 말(Acknowledgements)
Anthropic의 Applied AI 팀(Prithvi Rajasekaran, Justin Wei, Alexander Bricken)이 마케팅 파트너 Molly Vorwerck, Ryan Whitehead와 함께 작성했습니다.
No items found.
PrevPrev
0/5
NextNext
eBook
오늘부터 Claude에서 Skills를 사용해 더 강력한 애플리케이션을 만들어 보세요.
Get started
Get startedGet started
FAQ
No items found.
Claude로 팀 빌딩을 하는 조직을 위한 더 많은 제품 소식과 모범 사례를 확인하세요.
Nov 19, 2025
Coding
How to create Skills: Key steps, limitations, and examplesHow to create Skills: Key steps, limitations, and examples
How to create Skills: Key steps, limitations, and examplesHow to create Skills: Key steps, limitations, and examples
Dec 11, 2025
Coding
Claude Code power user customization: How to configure hooksClaude Code power user customization: How to configure hooks
Claude Code power user customization: How to configure hooksClaude Code power user customization: How to configure hooks
Oct 8, 2025
Coding
Beyond permission prompts: making Claude Code more secure and autonomousBeyond permission prompts: making Claude Code more secure and autonomous
Beyond permission prompts: making Claude Code more secure and autonomousBeyond permission prompts: making Claude Code more secure and autonomous
Dec 2, 2025
Coding
Building Skills for Claude Code: Automating your procedural knowledgeBuilding Skills for Claude Code: Automating your procedural knowledge
Building Skills for Claude Code: Automating your procedural knowledgeBuilding Skills for Claude Code: Automating your procedural knowledge
See pricing
See pricingSee pricing
Contact sales
Contact salesContact sales
Get the developer newsletter
Product updates, how-tos, community spotlights, and more. Delivered monthly to your inbox.
SubscribeSubscribe
Please provide your email address if you'd like to receive our monthly developer newsletter. You can unsubscribe at any time.
Thank you! You’re subscribed.
Sorry, there was a problem with your submission, please try again later.
HomepageHomepage
NextNext
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Write
Button TextButton Text
Learn
Button TextButton Text
Code
Button TextButton Text
Write
Please execute the task as soon as you can—an artifact would be great if it makes sense. If using an artifact, consider what kind of artifact (interactive, visual, checklist, etc.) might be most helpful for this specific task. Thanks for your help!
Please execute the task as soon as you can—an artifact would be great if it makes sense. If using an artifact, consider what kind of artifact (interactive, visual, checklist, etc.) might be most helpful for this specific task. Thanks for your help!
Please execute the task as soon as you can—an artifact would be great if it makes sense. If using an artifact, consider what kind of artifact (interactive, visual, checklist, etc.) might be most helpful for this specific task. Thanks for your help!
Learn
Please execute the task as soon as you can—an artifact would be great if it makes sense. If using an artifact, consider what kind of artifact (interactive, visual, checklist, etc.) might be most helpful for this specific task. Thanks for your help!
Please execute the task as soon as you can—an artifact would be great if it makes sense. If using an artifact, consider what kind of artifact (interactive, visual, checklist, etc.) might be most helpful for this specific task. Thanks for your help!
Please execute the task as soon as you can—an artifact would be great if it makes sense. If using an artifact, consider what kind of artifact (interactive, visual, checklist, etc.) might be most helpful for this specific task. Thanks for your help!
Code
Please execute the task as soon as you can—an artifact would be great if it makes sense. If using an artifact, consider what kind of artifact (interactive, visual, checklist, etc.) might be most helpful for this specific task. Thanks for your help!
Please execute the task as soon as you can—an artifact would be great if it makes sense. If using an artifact, consider what kind of artifact (interactive, visual, checklist, etc.) might be most helpful for this specific task. Thanks for your help!
Please execute the task as soon as you can—an artifact would be great if it makes sense. If using an artifact, consider what kind of artifact (interactive, visual, checklist, etc.) might be most helpful for this specific task. Thanks for your help!
More
Write grant proposals Hi Claude! Could you write grant proposals? If you need more information from me, ask me 1-2 key questions right away. If you think I should upload any documents that would help you do a better job, let me know. You can use the tools you have access to — like Google Drive, web search, etc. — if they’ll help you better accomplish this task. Do not use analysis tool. Please keep your responses friendly, brief and conversational.
Please execute the task as soon as you can - an artifact would be great if it makes sense. If using an artifact, consider what kind of artifact (interactive, visual, checklist, etc.) might be most helpful for this specific task. Thanks for your help!
AnthropicAnthropic
© [year] Anthropic PBC
Products
Features
Models
Solutions
Claude Developer Platform
Learn
Company
Help and security
Terms and policies
We use cookies to deliver and improve our services, analyze site usage, and if you agree, to customize or personalize your experience and market our services to you. You can read our Cookie Policy here.
Customize cookie settings Reject all cookies Accept all cookies ###### Necessary
Enables security and basic functionality. Required- [x] ###### Analytics
Enables tracking of site performance. Off- [x] ###### Marketing
Enables ads personalization and tracking. Off- [x] Save preferences
x.comx.com
LinkedInLinkedIn
YouTubeYouTube
InstagramInstagram
English (US)
Claude apps