web-design-guidelines
Auditar la UI según las Web Design Guidelines
Las revisiones de UI a menudo pasan por alto problemas de accesibilidad, interacción y maquetación. Esta skill obtiene las directrices actuales y las aplica a los archivos seleccionados.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "web-design-guidelines" from https://skillstore.io/skills/sickn33-web-design-guidelines.md and its manifest at https://skillstore.io/api/skills/sickn33-web-design-guidelines/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"web-design-guidelines" 사용 중입니다. Revisa src/components/LoginForm.tsx para detectar problemas según las Web Interface Guidelines.
예상 결과:
La revisión señala etiquetas de formulario faltantes, estados de foco débiles y problemas de espaciado responsive con referencias concisas a rutas y líneas.
"web-design-guidelines" 사용 중입니다. Audita los archivos de UI del checkout antes del lanzamiento.
예상 결과:
- Los hallazgos identifican problemas de contraste, áreas táctiles y estados de carga.
- Cada elemento incluye el archivo afectado, la línea y una breve nota de corrección.
"web-design-guidelines" 사용 중입니다. Comprueba los cambios de botones y modales del sistema de diseño.
예상 결과:
La revisión compara los componentes seleccionados con las reglas de directrices actuales e informa solo problemas de interfaz accionables.
보안 감사
중간 위험The Markdown backtick findings are false positives caused by inline formatting and a fenced URL block, not executable Ruby or shell code. The hardcoded GitHub URL is a real low-severity network dependency, and the skill also delegates review instructions to unpinned remote content. No prompt injection text was found in the local skill file.
확인된 보안 우려 사항 (1)
기능 검토 항목 (1)
이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.
위험 요인
⚙️ 외부 명령어 (2)
🌐 네트워크 접근 (1)
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/sickn33-web-design-guidelines/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/sickn33-web-design-guidelines?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/sickn33-web-design-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-web-design-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/sickn33-web-design-guidelines.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 인용
sickn33. (2026). web-design-guidelines security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-web-design-guidelines/audits/4BibTeX 인용
@techreport{sickn33-sickn33-web-design-guidelines-2026,
author = {sickn33},
title = {web-design-guidelines security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/sickn33-web-design-guidelines/audits/4},
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: "web-design-guidelines security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/sickn33-web-design-guidelines/audits/4"
identifiers:
- type: other
value: "skillstore:sickn33-web-design-guidelines:audit:4"
description: "Skillstore immutable audit report identifier"
변형 비교
설치 가능한 변형 7개각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.
이 변형이 1위인 이유
shreyam1008-web-design-guidelines
2026-10-04
vercel-labs-web-design-guidelines
2026-09-09
zhanlincui-web-design-guidelines
2026-09-09
supercent-io-web-design-guidelines
2026-09-09
sickn33-web-design-guidelines
2026-09-09
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음만들 수 있는 것
Revisar un componente antes de fusionarlo
Encuentra problemas de accesibilidad, espaciado, estados e interacción en un componente de UI modificado antes de la revisión de código.
Auditar actualizaciones del sistema de diseño
Comprueba componentes compartidos según las reglas de interfaz actuales antes de publicar un cambio del sistema de diseño.
Preparar una revisión de calidad para el lanzamiento
Analiza archivos clave de interfaz para detectar problemas accionables de UX y accesibilidad antes del lanzamiento de un producto.
이 프롬프트를 사용해 보세요
Revisa src/components/Button.tsx según las Web Interface Guidelines y enumera hallazgos accionables.
Audita los archivos de la página de checkout en src/app/checkout para detectar problemas de accesibilidad, maquetación responsive e interacción.
Revisa los componentes modificados del sistema de diseño para detectar infracciones de las directrices y luego agrupa los hallazgos por componente y gravedad.
Audita los archivos de navegación principal de la aplicación, dashboard y settings para detectar problemas de interfaz que bloqueen el lanzamiento. Prioriza los hallazgos que afecten la accesibilidad o la finalización de tareas.
모범 사례
- Proporciona rutas de archivo o patrones precisos para que la revisión se mantenga enfocada.
- Ejecuta la revisión después de cambios importantes de UI y antes de los puntos de control de lanzamiento.
- Verifica los hallazgos críticos con pruebas manuales e inspección en el navegador.
피하기
- No pidas una revisión amplia del sitio sin nombrar archivos o patrones.
- No trates la revisión como sustituto de las pruebas de accesibilidad.
- No apliques directrices remotas modificadas sin comprobar la fuente.