CommunityRecherche et analyse de donnéesgithub.com

jwynia/frontend-design

Créez des interfaces frontend distinctives et de qualité production avec un design de haut niveau. Cet outil fournit des outils d'analyse pour auditer les designs existants et des outils de génération pour créer des palettes de couleurs, des systèmes typographiques, des design tokens et des modèles de composants.

Qu'est-ce que frontend-design ?

jwynia/frontend-design est une compétence spécialisée pour les agents IA (compatible avec Claude Code, Cursor, Codex, etc.) qui permet de concevoir et d'auditer des interfaces frontend professionnelles. Elle offre des capacités d'analyse pour évaluer la qualité esthétique et l'accessibilité des designs existants, ainsi que des outils de génération pour créer des palettes de couleurs harmonieuses, des systèmes typographiques cohérents, des design tokens réutilisables et des modèles de composants prêts à l'emploi. Cette compétence prend en charge les frameworks modernes comme React, Vue et Svelte, ainsi que le HTML/CSS pur, ce qui la rend polyvalente pour tout projet web. Utilisez-la pour améliorer l'identité visuelle de vos interfaces, respecter les meilleures pratiques d'accessibilité et accélérer le développement de composants UI cohérents à travers l'ensemble de votre application.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jwynia/agent-skills/tree/main/skills/frontend-design

Installed? Explore more Recherche et analyse de données skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait frontend-design ?

Créez des interfaces frontend distinctives et de qualité production avec un design de haut niveau. Fournit des outils d'analyse pour auditer les designs existants et des outils de génération pour créer des palettes de couleurs, des systèmes typographiques, des design tokens et des modèles de composants. Prend en charge React, Vue, Svelte et le HTML/CSS pur. À utiliser lors de la création de composants web, de pages ou d'applications. Mots-clés : design, UI, frontend, CSS, composants, palette, typographie, tokens, accessibilité.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

jwynia/godot-best-practices

Guide AI agents through Godot 4.x GDScript coding best practices including scene organization, signals, resources, state machines, and performance optimization. This skill should be used when generating GDScript code, creating Godot scenes, designing game architecture, implementing state machines, object pooling, save/load systems, or when the user asks about Godot patterns, node structure, or GDScript standards. Keywords: godot, gdscript, game development, signals, resources, scenes, nodes, state machine, object pooling, save system, autoload, export, type hints.

jwynia/pdf-generator

Create and manipulate PDF files programmatically. Use when the user needs to generate PDFs, fill PDF forms, extract PDF content, add watermarks/overlays, or merge documents. Supports both template-based generation (form filling, overlays) and from-scratch creation. Keywords: PDF, document, form, fillable, merge, watermark, extract, text, report.

jwynia/presentation-design

Design and evaluate presentations that communicate effectively. Use when designing a presentation, creating slides, getting presentation feedback, structuring a talk, or reviewing slides. Keywords: presentation, slides, talk, PowerPoint, Keynote, reveal.js.

jwynia/requirements-analysis

Diagnose requirements problems and guide discovery of real needs and constraints

jwynia/web-search-tavily

Search the web using Tavily API for high-quality, AI-optimized results with advanced filtering options. Use when you need structured search results, domain filtering, relevance scores, or AI-generated answer summaries. Requires TAVILY_API_KEY. Keywords: tavily, advanced search, filtered search, domain filtering, relevance scoring.

Skills associés

affaan-m/uspto-database

USPTO patent and trademark data workflow for official record lookup, PatentSearch queries, TSDR checks, assignment data, and reproducible IP research logs.

community

affaan-m/scholar-evaluation

Structured scholarly-work evaluation for papers, proposals, literature reviews, methods sections, evidence quality, citation support, and research-writing feedback.

community

affaan-m/literature-review

Systematic literature-review workflow for academic, biomedical, technical, and scientific topics, including search planning, source screening, synthesis, citation checks, and evidence logging.

community

affaan-m/everything-claude-code

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

community

forrestchang/andrej-karpathy-skills

Agent skill repository discovered by 10x-chat research.

community

langgenius/backend-code-review

Review backend code for quality, security, maintainability, and best practices based on established checklist rules. Use when the user requests a review, analysis, or improvement of backend files (e.g., `.py`) under the `api/` directory. Do NOT use for frontend files (e.g., `.tsx`, `.ts`, `.js`). Supports pending-change review, code snippets review, and file-focused review.

community
← More Recherche et analyse de données skills