스킬 UI Design System
📦

UI Design System

콘텐츠 리비전 r2 안전 ⚙️ 외부 명령어

Aplicar reglas de diseño de IA física

Los equipos necesitan un estilo de interfaz consistente para Physical AI Hub. Esta habilidad proporciona a Claude, Codex y Claude Code reglas de diseño claras para colores, tipografía, componentes, animaciones y archivos CSS.

지원: Claude Codex Code(CC)
Maintain this Skill? Claim it 📊 76 적절함

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청
Review the Skillstore skill "UI Design System" from https://skillstore.io/skills/abdulsamad94-ui-design-system.md and its manifest at https://skillstore.io/api/skills/abdulsamad94-ui-design-system/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/abdulsamad94-ui-design-system.md 서명된 manifest GET /api/skills/abdulsamad94-ui-design-system/manifest 서명된 lockfile GET /api/skills/abdulsamad94-ui-design-system/lockfile

테스트해 보기

"UI Design System" 사용 중입니다. Una página de dashboard se siente inconsistente con Physical AI Hub.

예상 결과:

Una revisión que recomienda el fondo con degradado oscuro, la tipografía Poppins, los acentos en verde azulado, las tarjetas estilo cristal, los bordes sutiles y las transiciones hover suaves.

"UI Design System" 사용 중입니다. Un sitio de documentación necesita alineación del tema.

예상 결과:

Un plan de estilo que actualiza el CSS global, las sobrescrituras de Docusaurus y los módulos de componentes, preservando el lenguaje de interfaz oscuro premium.

"UI Design System" 사용 중입니다. Un menú dropdown necesita pulido visual.

예상 결과:

Una respuesta de orientación para componentes que cubre la colocación flotante, el comportamiento animado de entrada deslizante, la profundidad de sombra, las esquinas redondeadas y un tratamiento de texto legible.

보안 감사

안전
v10 • 2026. 7. 18. 버전별 보고서 열기

All 11 static findings are false positives caused by Markdown backticks around CSS values, animation names, and stylesheet paths. The single skill file contains design guidance only, with no commands, scripts, network activity, or prompt-injection text.

1
스캔된 파일
37
분석된 줄 수
0
검토 항목
0
오탐 무시됨

위험 요인

⚙️ 외부 명령어 (11)
SKILL.md:18 SKILL.md:19 SKILL.md:20 SKILL.md:21 SKILL.md:25 SKILL.md:26 SKILL.md:30 SKILL.md:31 SKILL.md:34 SKILL.md:35 SKILL.md:36
가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.
감사자: claude 감사 이력 보기 →
이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기
보안 평가

보고서 링크 복사

https://skillstore.io/skills/abdulsamad94-ui-design-system/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/abdulsamad94-ui-design-system/security.svg)](https://skillstore.io/skills/abdulsamad94-ui-design-system?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/abdulsamad94-ui-design-system?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/abdulsamad94-ui-design-system/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/abdulsamad94-ui-design-system.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
학술 인용 (APA · BibTeX · CFF)

APA 인용

AbdulSamad94. (2026). UI Design System security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/abdulsamad94-ui-design-system/audits/10

BibTeX 인용

@techreport{abdulsamad94-abdulsamad94-ui-design-system-2026, author = {AbdulSamad94}, title = {UI Design System security audit report (audit version 10)}, institution = {Skillstore}, year = {2026}, number = {10}, url = {https://skillstore.io/skills/abdulsamad94-ui-design-system/audits/10}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "UI Design System security audit report (audit version 10)" version: "unspecified" type: report authors: - name: "AbdulSamad94" date-released: "2026-07-18" url: "https://skillstore.io/skills/abdulsamad94-ui-design-system/audits/10" identifiers: - type: other value: "skillstore:abdulsamad94-ui-design-system:audit:10" description: "Skillstore immutable audit report identifier"

변형 비교

설치 가능한 변형 3개

각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.

이 변형이 1위인 이유

Skillstore 점수가 가장 높음
AbdulSamad94 권장 현재

abdulsamad94-ui-design-system

Skillstore 점수 76
증거 신뢰도 높음
Skillstore 사용량 25
업데이트됨

2026-10-20

davila7

davila7-ui-design-system

Skillstore 점수 75
증거 신뢰도 높음
Skillstore 사용량 22
업데이트됨

2026-09-09

alirezarezvani

alirezarezvani-ui-design-system

Skillstore 점수 75
증거 신뢰도 높음
Skillstore 사용량 20
업데이트됨

2026-10-23

Skillstore 점수

이 점수의 이유 증거 신뢰도: 높음
55
아키텍처
85
유지보수성
87
콘텐츠
71
커뮤니티
65
사양 준수

만들 수 있는 것

Alinear una nueva pantalla de funcionalidad

Usa las reglas del tema para mantener una nueva pantalla de producto visualmente consistente con Physical AI Hub.

Revisar el estilo de la interfaz

Comprueba colores, tipografía, tarjetas, botones y decisiones de animación frente al sistema documentado.

Guiar el estilo de la documentación

Aplica el mismo lenguaje visual a las páginas de Docusaurus y a los estilos de documentación de apoyo.

이 프롬프트를 사용해 보세요

Dar estilo a una pantalla básica 
Aplica la habilidad ui-design-system a esta pantalla. Actualiza colores, tipografía, botones, tarjetas, inputs y espaciado para que coincidan con el estilo de Physical AI Hub.
Revisar un componente 
Revisa este componente con respecto a la habilidad ui-design-system. Identifica discrepancias en tipografía, color de acento, tratamiento de bordes, radio y comportamiento de transición.
Refactorizar el CSS del tema 
Refactoriza el CSS del tema usando la habilidad ui-design-system. Mantén las variables globales, las sobrescrituras de Docusaurus y los estilos de módulos alineados con el sistema visual documentado.
Diseñar un flujo de múltiples vistas 
Diseña un flujo de trabajo de múltiples vistas de Physical AI Hub usando la habilidad ui-design-system. Aplica estados de componentes consistentes, superficies en modo oscuro, patrones de movimiento y organización de archivos.

모범 사례

  • Usa la paleta documentada antes de añadir nuevos colores.
  • Mantén el estilo de los componentes consistente entre el CSS global, el CSS de documentación y el CSS de módulos.
  • Combina movimiento premium con texto legible y estados de foco claros.

피하기

  • Mezclar fuentes o sistemas de color no relacionados en la interfaz de Physical AI Hub.
  • Usar animaciones pesadas que reduzcan la capacidad de respuesta o distraigan de las tareas principales.
  • Cambiar archivos CSS compartidos sin comprobar el impacto en componentes y documentación.

자주 묻는 질문

¿Con qué ayuda esta habilidad?
Ayuda a aplicar el sistema de diseño de Physical AI Hub a interfaces, componentes, animaciones y estructura CSS.
¿Genera componentes de UI completos?
No. Proporciona orientación de diseño que un asistente de IA puede aplicar al crear o revisar componentes.
¿Qué estilo visual define?
Define un estilo premium en modo oscuro con tipografía Poppins, acentos en verde azulado, tarjetas estilo cristal y movimiento suave.
¿Puede ayudar con el estilo de Docusaurus?
Sí. Nombra un archivo CSS personalizado de Docusaurus como parte de la estructura CSS prevista.
¿Incluye reglas de accesibilidad?
No. Añade comprobaciones explícitas de accesibilidad para contraste, foco de teclado y movimiento reducido al usar esta habilidad.
¿Existe algún riesgo de ejecución de comandos?
No se encontró evidencia. Los backticks señalados son formato Markdown para valores CSS y rutas de archivo.

개발자 세부 정보

작성자

AbdulSamad94

라이선스

MIT

Skillstore 리비전

r2

버전 안내

작성자가 버전을 선언하지 않았습니다.

리포지토리

https://github.com/AbdulSamad94/Hackhaton-SpecsKitPlus/tree/master/.claude/skills/ui-design

참조

80999bf530a7874d7bedf8ce202001ecb4c4f5e0

유지보수 최신성

2026. 7. 19.

사용량

13 다운로드 · 252 조회

파일 구조

📄 SKILL.md