Erstellt hochwertige, einzigartige Frontend-Oberflächen mit professionellem Design. Bietet Analyse-Tools zur Überprüfung bestehender Designs und Generatoren für Farbpaletten, Typographiesysteme, Design-Tokens und Komponentenvorlagen.
Dieses Skill ermöglicht die Erstellung von Frontend-Oberflächen mit hohem Designanspruch, die sowohl ästhetisch ansprechend als auch produktionsreif sind. Es bietet umfassende Analysewerkzeuge zur Überprüfung und Verbesserung vorhandener Designs sowie Generierungswerkzeuge für Farbpaletten (einschließlich Barrierefreiheit), Typographiesysteme (mit passenden Schriftgrößen und -kombinationen), Design-Tokens (für konsistente Wiederverwendung) und Komponentenvorlagen (React, Vue, Svelte und Vanilla HTML/CSS). Entwickler können es nutzen, um schnell konsistente, barrierefreie und visuell ansprechende Webkomponenten, Seiten oder Anwendungen zu erstellen. Die Hauptvorteile liegen in der Zeitersparnis durch automatisierte Design-Entscheidungen, der Sicherstellung einer hohen visuellen Qualität und der einfachen Integration in bestehende Projekte.
npx skills add https://github.com/jwynia/agent-skills/tree/main/skills/frontend-designInstalled? Explore more Recherche & Datenanalyse skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →
Erstellt hochwertige, einzigartige Frontend-Oberflächen mit professionellem Design. Bietet Analyse-Tools zur Überprüfung bestehender Designs und Generatoren für Farbpaletten, Typographiesysteme, Design-Tokens und Komponentenvorlagen. Unterstützt React, Vue, Svelte und Vanilla HTML/CSS. Verwenden Sie dies beim Erstellen von Webkomponenten, Seiten oder Anwendungen. Schlüsselwörter: Design, UI, Frontend, CSS, Komponenten, Palette, Typographie, Tokens, Barrierefreiheit.
This repo contains 5 individual skills — each has its own dedicated page.
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.
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.
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.
Diagnose requirements problems and guide discovery of real needs and constraints
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.
USPTO patent and trademark data workflow for official record lookup, PatentSearch queries, TSDR checks, assignment data, and reproducible IP research logs.
Structured scholarly-work evaluation for papers, proposals, literature reviews, methods sections, evidence quality, citation support, and research-writing feedback.
Systematic literature-review workflow for academic, biomedical, technical, and scientific topics, including search planning, source screening, synthesis, citation checks, and evidence logging.
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Agent skill repository discovered by 10x-chat research.
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.