pbakaus

pbakaus

Actif
24
Compétences
3
Catégories
ClaudeCodexCode(CC)

Skills publiés 24

📝

typeset

Transformez la typographie en un design intentionnel

Sûr 70

Les polices génériques et les tailles incohérentes compromettent la crédibilité de votre interface. Typeset applique des principes de typographie professionnelle pour créer une hiérarchie claire, un texte lisible et des visuels soignés qui reflètent la personnalité de votre marque.

Claude Codex Code(CC)
Installer
🎨

teach-impeccable

Capturez le contexte de conception pour une collaboration IA cohérente

Sûr 71

Les assistants IA prennent de meilleures décisions de conception lorsqu'ils comprennent votre marque et vos utilisateurs. Cette compétence s'exécute une seule fois pour recueillir le contexte de conception spécifique au projet et l'enregistre pour toutes les sessions futures.

Claude Codex Code(CC)
Installer
📦

shape

Planifier la Conception UX/UI Avant le Codage

Sûr 75

La plupart des interfaces générées par IA échouent car elles ignorent la pensée conceptuelle. Cette compétence exécute un entretien de découverte structuré pour comprendre les besoins, les contraintes et les objectifs des utilisateurs avant de produire un brief de conception complet qui guide l'implémentation.

Claude Codex Code(CC)
Installer

polish

Affinez votre UI à la perfection

Sûr 70

Une compétence de contrôle qualité méticuleuse qui détecte les problèmes d'alignement, d'espacement, de cohérence et de détails dans le code d'interface utilisateur. Transforme un bon travail en interfaces professionnelles et soignées.

Claude Codex Code(CC)
Installer
📦

quieter

Affiner les designs trop audacieux

Sûr 70

Claude peut automatiquement atténuer les designs trop agressifs ou visuellement écrasants, créant une esthétique plus raffinée et sophistiquée tout en préservant l'impact et la fonctionnalité.

Claude Codex Code(CC)
Installer
🎨

overdrive

Créez des interfaces web extraordinaires avec des effets de pointe

Sûr 71

Les interfaces web standards semblent statiques et prévisibles. Overdrive les transforme avec des transitions cinématographiques, des visuels accélérés par GPU, et des animations basées sur la physique qui surprennent et ravissent les utilisateurs.

Claude Codex Code(CC)
Installer

optimize

Optimiser les performances web pour un chargement plus rapide et des interactions plus fluides

Sûr 68

Des interfaces lentes frustrent les utilisateurs et nuisent aux métriques. Cette compétence identifie et corrige systématiquement les goulots d'étranglement de performance en termes de vitesse de chargement, de rendu, d'animations, d'images et de taille de bundle pour créer des expériences plus rapides et plus fluides.

Claude Codex Code(CC)
Installer
🚀

onboard

Concevez des flux d'intégration utilisateur qui favorisent l'adoption

Sûr 71

Les utilisateurs abandonnent les produits lorsqu'ils ne comprennent pas rapidement la valeur. Cette compétence vous aide à créer des expériences d'intégration qui guident les utilisateurs vers leur premier succès sans les submerger.

Claude Codex Code(CC)
Installer
📦

normalize

Normaliser les composants UI selon le design system

Sûr 71

Élimine les incohérences de design en détectant et corrigeant automatiquement les déviations par rapport à votre design system. Garantit que chaque composant utilise les bons tokens, patterns et conventions établies.

Claude Codex Code(CC)
Installer
📦

layout

Créer des mises en page soignées avec un espacement systématique

Sûr 75

Résolvez les grilles monotones et l'espacement incohérent qui rendent les interfaces amateurs. Cette compétence établit des échelles d'espacement systématiques, un rythme visuel et une hiérarchie claire pour transformer des mises en page génériques en compositions intentionnelles.

Claude Codex Code(CC)
Installer
📦

impeccable

Créer des interfaces frontend raffinées avec l'IA

Risque faible 75

Les interfaces générées par l'IA ont souvent un aspect générique et templaté. Impeccable guide l'IA à travers des décisions de conception expertes, produisant un code frontend distinctif de qualité production.

Claude Codex Code(CC)
Installer
🛡️

harden

Renforcez Vos Interfaces Contre la Réalité de la Production

Sûr 70

Les interfaces se cassent lorsque les utilisateurs réels saisissent des données inattendues, perdent leur connexion ou utilisent des technologies d'assistance. Cette compétence renforce systématiquement votre UI contre les cas limites, les problèmes d'internationalisation, les erreurs et les lacunes d'accessibilité pour garantir une résilience prête pour la production.

Claude Codex Code(CC)
Installer
📦

frontend-design

Créez des interfaces frontend distinctives qui marquent les esprits

Sûr 73

Le code générique par IA produit des designs oubliables et basés sur des modèles. Cette compétence enseigne une direction esthétique audacieuse et une mise en œuvre de qualité production qui créent des expériences utilisateur mémorables.

Claude Codex Code(CC)
Installer
📦

extract

Extraire les composants du design system

Sûr 72

Identifiez et extrayez des composants réutilisables, des design tokens et des patterns depuis votre codebase dans un design system structuré. Cette skill consolide le code UI dispersé en assets systématiques et documentés.

Claude Codex Code(CC)
Installer

distill

Simplifier et Ramener le Design à l'Essentiel

Sûr 70

Cette compétence aide les assistants IA à simplifier les designs complexes en supprimant les éléments inutiles, créant des interfaces utilisateur propres et concentrées qui guident les utilisateurs vers leurs objectifs.

Claude Codex Code(CC)
Installer
📦

delight

Transformez les interfaces avec des micro-interactions agréables

Sûr 72

Les interfaces fonctionnelles semblent souvent froides et mécaniques. Cette compétence ajoute des moments stratégiques de joie et de personnalité qui font sourire les utilisateurs tout en maintenant l'utilisabilité.

Claude Codex Code(CC)
Installer
🎨

critique

Critiquez votre design

Sûr 67

Obtenez des avis d'experts en UX qui identifient les modèles générés par IA, les problèmes de hiérarchie visuelle et des améliorations concrètes pour faire passer votre interface au niveau supérieur.

Claude Codex Code(CC)
Installer
🎨

colorize

Ajoutez une Couleur Stratégique à Vos Designs

Sûr 71

Transformez les interfaces grises et sans vie en expériences chaleureuses et engageantes. Cette compétence applique une théorie des couleurs intentionnelle pour améliorer la hiérarchie visuelle et le plaisir utilisateur.

Claude Codex Code(CC)
Installer
📦

clarify

Améliorer les textes UX peu clairs et les messages d'erreur

Sûr 72

Un texte d'interface déroutant frustre les utilisateurs et augmente les coûts de support. Cette compétence transforme le jargon, les libellés ambigus et les messages d'erreur médiocres en un texte clair et convivial qui guide efficacement les utilisateurs.

Claude Codex Code(CC)
Installer
🎨

bolder

Transformez les Designs Ennuyeux en Expériences Audacieuses

Sûr 71

Arrêtez de vous contenter d'interfaces génériques et oubliables. Cette compétence aide Claude à créer des designs visuellement frappants qui captivent les utilisateurs tout en respectant les normes d'utilisabilité et d'accessibilité.

Claude Codex Code(CC)
Installer
📦

audit

Audit de la Qualité de l'Interface

Sûr 70

Une mauvaise qualité d'interface nuit à l'expérience utilisateur et exclut les utilisateurs en situation de handicap. Cette compétence fournit un audit systématique couvrant l'accessibilité, les performances, le thème et le design responsive pour identifier les problèmes avant qu'ils n'atteignent la production.

Claude Codex Code(CC)
Installer
📐

arrange

Transformez les mises en page avec un espacement intentionnel et un rythme

Sûr 70

Éliminez les grilles monotones et les espacements arbitraires. Cette compétence fournit une approche systématique pour créer une hiérarchie visuelle grâce à un espacement intentionnel, un rythme varié et des mises en page structurées qui guident l'œil vers l'essentiel.

Claude Codex Code(CC)
Installer

animate

Ajouter des animations et micro-interactions intentionnelles

Sûr 70

Les interfaces statiques semblent inachevées et manquent d'opportunités pour guider les utilisateurs. Cette compétence vous aide à ajouter stratégiquement du mouvement qui fournit un retour d'information, améliore la compréhension et crée des expériences agréables sans submerger les utilisateurs.

Claude Codex Code(CC)
Installer
📦

adapt

Adapter les conceptions pour tous les écrans et plateformes

Sûr 71

Vous avez du mal à faire fonctionner votre conception sur mobile, tablette, bureau, impression ou e-mail ? Cette compétence vous guide pour adapter vos conceptions à différents contextes tout en maintenant la cohérence et la facilité d'utilisation.

Claude Codex Code(CC)
Installer