본문으로 건너뛰기
cccskills
무료GitHub에 공개

typeui

Use TypeUI with Grok to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

bergside/typeui
설치 방법 보기

포함된 파일(1)

  • SKILL.md1.7 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

TypeUI for Grok

Use this skill when the user wants Grok to build, redesign, or refine UI with TypeUI context.

What TypeUI Provides

  • Project design skills for consistent visual direction.
  • Brand kits with project name, logo, typography, and brand color tokens.
  • UI prompt libraries for common interface sections and full-product flows.
  • Layout variation guidance for producing better options before implementation.

How to Use TypeUI

  1. Prefer TypeUI MCP tools when they are available in the session.
  2. Ask the user which TypeUI project or design skill to use if the request does not specify one.
  3. Apply the selected project context before choosing colors, type, spacing, component tone, or page composition.
  4. Treat brand kit values as brand parameters only: logo, project name, typography, and brand colors.
  5. Treat the design skill as the source of UI style, component behavior, visual hierarchy, spacing, and interaction patterns.

MCP Server

This plugin registers the TypeUI remote MCP server:

https://mcp.typeui.sh

If the server is not available in the current Grok session, connect it manually:

grok mcp add --transport http typeui https://mcp.typeui.sh

Prompt Examples

  • Use my TypeUI project and build a landing page.
  • Generate three pricing section variations with TypeUI.
  • Redesign this dashboard using my TypeUI design skill.
  • Pull the TypeUI context for this project before changing the UI.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

typeui

무료

Use TypeUI with OpenClaw to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

bergside/typeui2.1천2026년 7월 4일 업데이트

typeui

무료

Use TypeUI with Hermes Agent to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

bergside/typeui2.1천2026년 7월 4일 업데이트

typeui-fundamentals

무료

Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. Use when making design decisions not covered by a specific design system, validating principle compliance, or resolving conflicts between aesthetics and accessibility. Design-system-agnostic and applies to every surface.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

bergside/typeui2.1천2026년 7월 4일 업데이트

bergside의 스킬 모두 보기

이 스킬의 문제 신고