frontend-design
Diseña interfaces frontend distintivas
Las interfaces web genéricas parecen intercambiables y pueden pasar por alto el contexto de marca o producto del usuario. Esta skill guía a Claude, Codex y Claude Code para diseñar frontends pulidos y funcionales con una dirección visual clara.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "frontend-design" from https://skillstore.io/skills/azeem-2-frontend-design.md and its manifest at https://skillstore.io/api/skills/azeem-2-frontend-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"frontend-design" 사용 중입니다. Crea una página de lanzamiento de producto para una herramienta de escritura con IA.
예상 결과:
Un concepto de página responsive con tipografía distintiva, secciones claras, llamadas a la acción interactivas y notas de implementación.
"frontend-design" 사용 중입니다. Rediseña el estilo de una página de configuración simple para una app B2B.
예상 결과:
- Una interfaz de configuración refinada con controles agrupados y rutas de lectura claras.
- Un sistema visual sobrio que admite el uso diario repetido.
- Estados de interacción para toggles, acciones destructivas y cambios guardados.
"frontend-design" 사용 중입니다. Crea un dashboard de analíticas SaaS para datos de retención.
예상 결과:
Un dashboard denso y legible con gráficos, filtros, estados vacíos, comportamiento responsive y un lenguaje de diseño consistente.
보안 감사
안전The three static findings are false positives caused by design-language phrases in SKILL.md. The skill contains only frontend design guidance and no evidence of system reconnaissance, data exfiltration, code execution, or prompt injection. No remediation is required.
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/azeem-2-frontend-design/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/azeem-2-frontend-design?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/azeem-2-frontend-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/azeem-2-frontend-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/azeem-2-frontend-design.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 인용
Azeem-2. (2026). frontend-design security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/azeem-2-frontend-design/audits/8BibTeX 인용
@techreport{azeem-2-azeem-2-frontend-design-2026,
author = {Azeem-2},
title = {frontend-design security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/azeem-2-frontend-design/audits/8},
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: "frontend-design security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Azeem-2"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/azeem-2-frontend-design/audits/8"
identifiers:
- type: other
value: "skillstore:azeem-2-frontend-design:audit:8"
description: "Skillstore immutable audit report identifier"
변형 비교
설치 가능한 변형 18개각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.
이 변형이 1위인 이유
atman36-frontend-design
2026-10-25
zhanlincui-frontend-design
2026-09-09
adamaugustinsky-frontend-design
2026-10-21
cesaraugustusgrob-frontend-design
2026-09-09
anthropics-frontend-design
2026-10-24
agentworkforce-frontend-design
2026-10-22
dennisliuck-frontend-design
2026-09-09
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음만들 수 있는 것
Diseñar una landing page
Crea una página de lanzamiento memorable con jerarquía clara, identidad visual sólida y una estructura frontend funcional.
Mejorar un dashboard de producto
Convierte una pantalla operativa simple en una interfaz pulida con mejor densidad, ritmo y prioridades visuales.
Crear un prototipo interactivo
Genera un prototipo frontend con estilo refinado, movimiento y decisiones de layout responsive.
이 프롬프트를 사용해 보세요
Crea una landing page pulida para [product]. Usa [framework]. Elige una dirección visual distintiva y explica las principales decisiones de diseño.
Rediseña este [component] para [audience]. Mantén el comportamiento sin cambios. Mejora la tipografía, el color, el espaciado y el movimiento.
Crea un dashboard listo para producción para [workflow]. Incluye layout responsive, jerarquía clara, estados útiles y un tema coherente.
Desarrolla una interfaz multipantalla de [app type]. Define la dirección estética, los patrones de componentes, los estados de interacción y el plan de implementación antes de programar.
모범 사례
- Proporciona objetivos del producto, audiencia, stack preferido y restricciones de diseño existentes.
- Pide estados responsive, consideraciones de accesibilidad y comportamiento de interacción real.
- Revisa los diseños generados frente a las necesidades de marca antes de usarlos en producción.
피하기
- Solicitar un diseño moderno genérico sin contexto ni audiencia.
- Aceptar efectos decorativos que reduzcan la legibilidad o el rendimiento.
- Usar la skill como sustituto de pruebas de accesibilidad o investigación de usuarios.