← All skill packs

UI Design & Frontend Skills

Skill pack
5 skills0 selected
modu-aiSkills in this pack

UI/UX design workflow guidelines. Activate when working with design systems, accessibility (WCAG), user interface patterns, or design tokens.

English

도서 저자 약력·저자의 말·SNS·강연 통합 작성 — 저자가 타깃 페르소나에게 "왜 이 사람이 이 책을 쓰는가"를 1분 안에 설득하는 핵심 문서. book-target-reader의 페르소나·JTBD를 입력받아 4 장르별 신뢰 신호(학력·실무 경력·수상·팬덤·SNS·강연)를 자동 분기. 짧은 약력(50자)·중간(200자)·긴(500자) 3 길이 + 저자의 말(500-800자) 동시 산출.

Korean

[책임 경계] 1스킬 2모드 — --mode jtbd: JTBD 9개 + 시장 매칭 우선순위 자동 도출 / --mode persona: 리뷰·Q&A 분석 기반 페르소나 3명 자동 생성. 페어 스킬 design-copywriting과 명확히 구분 — 본 스킬은 고객 분석(Why), 페어는 카피 작성(What). 다음과 같은 요청 시 반드시 이 스킬을 사용하세요: "JTBD 분석해줘", "고객이 왜 사는지 분석", "구매 동기 9개 뽑아줘", "페르소나 만들어줘", "타겟 고객 프로필 생성", "리뷰 분석해서 페르소나", "고객 여정 분석", "구매결정요인 뽑아줘" JTBD 3분류(기능적/감성적/사회적) 예시 + 심리적 필요 4종 촉발 패턴(보상/불안/지루함/사회적 자극) + 타겟 온도 메타데이터(콜드/웜/핫/슈퍼, 광고 심리학). ai-slop-reviewer 자동 체이닝 (--mode persona 텍스트 산출물).

Korean

대법원 법원경매정보(courtauction.go.kr) 부동산 매각공고를 매각기일·법원·기일/기간 입찰 기준으로 조회하고, 각 공고를 사건번호·용도·주소·감정평가액·최저매각가로 펼쳐서 보여줍니다. 법원사무소 코드와 사건번호로 단건 직접 조회도 지원합니다.

Korean

codex CLI의 내장 imagegen 도구로 gpt-image-2 이미지를 생성합니다 — ChatGPT OAuth 인증으로 API 키 불필요, ChatGPT Plus/Team/Enterprise 구독 한도로 동작합니다.

Tswana

Includes Design Workflow and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills5CategorygeneralStars0

What’s included

Design Workflow

UI/UX design workflow guidelines. Activate when working with design systems, accessibility (WCAG), user interface patterns, or design tokens.

Book Author Bio

도서 저자 약력·저자의 말·SNS·강연 통합 작성 — 저자가 타깃 페르소나에게 "왜 이 사람이 이 책을 쓰는가"를 1분 안에 설득하는 핵심 문서. book-target-reader의 페르소나·JTBD를 입력받아 4 장르별 신뢰 신호(학력·실무 경력·수상·팬덤·SNS·강연)를 자동 분기. 짧은 약력(50자)·중간(200자)·긴(500자) 3 길이 + 저자의 말(500-800자) 동시 산출.

Commerce Jtbd Persona

[책임 경계] 1스킬 2모드 — --mode jtbd: JTBD 9개 + 시장 매칭 우선순위 자동 도출 / --mode persona: 리뷰·Q&A 분석 기반 페르소나 3명 자동 생성. 페어 스킬 design-copywriting과 명확히 구분 — 본 스킬은 고객 분석(Why), 페어는 카피 작성(What). 다음과 같은 요청 시 반드시 이 스킬을 사용하세요: "JTBD 분석해줘", "고객이 왜 사는지 분석", "구매 동기 9개 뽑아줘", "페르소나 만들어줘", "타겟 고객 프로필 생성", "리뷰 분석해서 페르소나", "고객 여정 분석", "구매결정요인 뽑아줘" JTBD 3분류(기능적/감성적/사회적) 예시 + 심리적 필요 4종 촉발 패턴(보상/불안/지루함/사회적 자극) + 타겟 온도 메타데이터(콜드/웜/핫/슈퍼, 광고 심리학). ai-slop-reviewer 자동 체이닝 (--mode persona 텍스트 산출물).

Data Court Auction

대법원 법원경매정보(courtauction.go.kr) 부동산 매각공고를 매각기일·법원·기일/기간 입찰 기준으로 조회하고, 각 공고를 사건번호·용도·주소·감정평가액·최저매각가로 펼쳐서 보여줍니다. 법원사무소 코드와 사건번호로 단건 직접 조회도 지원합니다. read-only이며 IP 차단 방지를 위해 호출

Media Codex Image

codex CLI의 내장 imagegen 도구로 gpt-image-2 이미지를 생성합니다 — ChatGPT OAuth 인증으로 API 키 불필요, ChatGPT Plus/Team/Enterprise 구독 한도로 동작합니다.

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Design Workflow skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • Reported license for the skills shown: Apache-2.0. The author’s terms apply.
UI Design & Frontend Skills | Agent Skills Atlas