design-taste-frontend-v1
Mejorar el criterio de diseño frontend
El trabajo frontend generado por IA puede verse genérico y omitir estados responsivos. Esta skill ofrece a Claude, Codex y Claude Code reglas de interfaz de usuario con criterio propio para obtener resultados más pulidos en React y Tailwind.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "design-taste-frontend-v1" from https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1.md and its manifest at https://skillstore.io/api/skills/leonxlnx-design-taste-frontend-v1/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"design-taste-frontend-v1" 사용 중입니다. Create a SaaS dashboard for operations managers.
예상 결과:
La respuesta describe un layout de dashboard asimétrico, una paleta sobria, estados de formulario claros y reglas de colapso en móvil antes de la implementación.
"design-taste-frontend-v1" 사용 중입니다. Improve a product landing page that looks generic.
예상 결과:
La respuesta reemplaza los valores predeterminados de un hero centrado por una composición más sólida, tipografía única, orientación específica para imágenes y una jerarquía de llamadas a la acción más limpia.
"design-taste-frontend-v1" 사용 중입니다. Add motion to a feature grid without hurting performance.
예상 결과:
La respuesta sugiere componentes animados aislados, transiciones basadas en spring, bucles memoizados y opciones de animación solo con transform.
보안 감사
안전The static alerts are false positives caused by Markdown backticks and design prose in SKILL.md. I found no executable code, shell invocation, secret access, prompt-injection attempt, or malicious network behavior. No semantic security findings were added.
위험 요인
⚙️ 외부 명령어 (55)
🌐 네트워크 접근 (1)
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/leonxlnx-design-taste-frontend-v1/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/leonxlnx-design-taste-frontend-v1.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 인용
leonxlnx. (2026). design-taste-frontend-v1 security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1/audits/4BibTeX 인용
@techreport{leonxlnx-leonxlnx-design-taste-frontend-v1-2026,
author = {leonxlnx},
title = {design-taste-frontend-v1 security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1/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: "design-taste-frontend-v1 security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "leonxlnx"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1/audits/4"
identifiers:
- type: other
value: "skillstore:leonxlnx-design-taste-frontend-v1:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음만들 수 있는 것
Refinar pantallas de producto
Usa la skill para definir orientación de layout, tipografía, movimiento y estados antes de implementar una pantalla de producto compleja.
Dar forma a interfaces de marca
Aplica una dirección visual más sólida al crear landing pages, secciones de funcionalidades o páginas de marketing orientadas al producto.
Revisar prototipos de IA
Usa la lista de verificación previa para detectar layouts genéricos, estados faltantes y comportamiento responsivo débil.
이 프롬프트를 사용해 보세요
Use design-taste-frontend-v1 for a React interface. Create a [screen type] for [audience]. Use Tailwind. Include loading, empty, and error states.
Apply the skill to redesign this page. Keep the same content. Improve layout, typography, responsive behavior, and interaction states.
Use the skill with motion intensity above five. Add purposeful Framer Motion interactions. Isolate animated client components and protect performance.
Review this dashboard concept with the skill checklist. Identify generic patterns, weak hierarchy, missing states, and mobile risks. Then propose focused fixes.
모범 사례
- Proporciona la audiencia, el dominio del producto, el stack y las restricciones visuales antes de la generación.
- Comparte tokens de marca o reglas de componentes existentes cuando deban prevalecer sobre la skill.
- Pide estados de carga, vacío, error y móvil en el primer prompt.
피하기
- Solicitar una landing page genérica sin contexto de marca, audiencia o producto.
- Usar la skill cuando un sistema de diseño corporativo estricto debe controlar cada decisión.
- Añadir movimiento perpetuo a páginas sensibles al rendimiento sin un beneficio claro para el usuario.