web-design-guidelines
Revisar interfaces web según directrices de UI
Las revisiones de diseño son difíciles de mantener coherentes en cuanto a accesibilidad, UX y reglas de interfaz. Esta habilidad aplica Web Interface Guidelines externas a los archivos seleccionados e informa problemas concisos.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "web-design-guidelines" from https://skillstore.io/skills/antvu-web-design-guidelines.md and its manifest at https://skillstore.io/api/skills/antvu-web-design-guidelines/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"web-design-guidelines" 사용 중입니다. Revisa mis componentes del dashboard.
예상 결과:
Una lista concisa de problemas con referencias de archivo y línea, agrupados por impacto según las directrices.
"web-design-guidelines" 사용 중입니다. Comprueba la accesibilidad de la página de configuración.
예상 결과:
Hallazgos centrados en etiquetas, acceso por teclado, orden de foco, contraste y mensajes de error.
"web-design-guidelines" 사용 중입니다. Audita esta UI antes del lanzamiento.
예상 결과:
Una revisión priorizada de problemas de interfaz bloqueantes y elementos menores de pulido.
보안 감사
중간 위험The two external-command findings are false positives caused by Markdown backticks and a fenced URL block; neither executes a shell command. The skill intentionally fetches mutable remote instructions, creating a network dependency and an indirect prompt-injection or supply-chain risk.
확인된 보안 우려 사항 (1)
기능 검토 항목 (1)
이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.
위험 요인
⚙️ 외부 명령어 (2)
🌐 네트워크 접근 (1)
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/antvu-web-design-guidelines/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/antvu-web-design-guidelines?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/antvu-web-design-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antvu-web-design-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/antvu-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 인용
antfu. (2026). web-design-guidelines security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/antvu-web-design-guidelines/audits/5BibTeX 인용
@techreport{antfu-antvu-web-design-guidelines-2026,
author = {antfu},
title = {web-design-guidelines security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/antvu-web-design-guidelines/audits/5},
note = {Author version 1.0.0}
}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 5)"
version: "1.0.0"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antvu-web-design-guidelines/audits/5"
identifiers:
- type: other
value: "skillstore:antvu-web-design-guidelines:audit:5"
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
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음만들 수 있는 것
Auditar una interfaz React
Comprueba archivos de componentes antes de fusionarlos para detectar problemas de UI, accesibilidad e interacción.
Revisar cambios en el sistema de diseño
Evalúa componentes compartidos según reglas de interfaz antes de publicar una nueva versión del paquete.
Validar pantallas de producto
Ejecuta una revisión concisa de UX y accesibilidad en páginas importantes antes del lanzamiento.
이 프롬프트를 사용해 보세요
Revisa `app/page.tsx` según las Web Interface Guidelines y enumera hallazgos concisos.
Revisa todos los archivos en `src/components/**/*.tsx` para detectar problemas de accesibilidad, diseño e interacción según las directrices.
Revisa `app/settings/**` y céntrate en la usabilidad de formularios, estados de error, acceso por teclado y comportamiento responsive.
Revisa `app/dashboard/**` y `src/components/data-table/**`. Prioriza problemas de UI, accesibilidad y UX que bloqueen el lanzamiento.
모범 사례
- Proporciona archivos exactos o patrones acotados para una revisión enfocada.
- Revisa el contenido de directrices obtenido como material de referencia no confiable.
- Ejecuta pruebas automatizadas y comprobaciones visuales junto con la revisión de la habilidad.
피하기
- Pedirle que revise un repositorio completo sin alcance definido.
- Tratar el texto remoto de las directrices como más prioritario que las instrucciones del sistema o del desarrollador.
- Usar los hallazgos como el único paso de validación de accesibilidad.
자주 묻는 질문
¿Qué revisa esta habilidad?
¿Cambia archivos?
¿Necesita acceso a internet?
¿Puede auditar la accesibilidad?
¿Qué herramientas son compatibles?
¿Es seguro usarla?
개발자 세부 정보
작성자
antfu라이선스
MIT
작성자 버전
v1.0.0
Skillstore 리비전
r2
참조
89edfdc710d0846129dcee6a929477b04f08052c
유지보수 최신성
2026. 7. 26.
사용량
16 다운로드 · 181 조회