차별화된 프로덕션 수준의 프론트엔드 인터페이스를 높은 디자인 품질로 제작합니다. 기존 디자인 감사, 색상 팔레트, 타이포그래피 시스템, 디자인 토큰, 컴포넌트 템플릿 생성을 위한 도구를 제공합니다.
이 스킬은 개발자가 차별화되고 프로덕션에 바로 사용 가능한 프론트엔드 인터페이스를 높은 디자인 품질로 구축할 수 있도록 지원합니다. 기존 디자인을 분석하고 감사할 수 있는 분석 도구와 함께, 색상 팔레트, 타이포그래피 시스템, 디자인 토큰, 컴포넌트 템플릿을 생성하는 도구를 제공합니다. React, Vue, Svelte, 바닐라 HTML/CSS 등 다양한 프론트엔드 프레임워크를 지원하며, 웹 컴포넌트, 페이지, 애플리케이션 구축 시 유용합니다. 디자인, UI, 접근성 관련 키워드로 검색되며, 일관된 디자인 시스템 구축과 유지보수를 돕습니다.
npx skills add https://github.com/jwynia/agent-skills/tree/main/skills/frontend-designInstalled? Explore more 연구 & 데이터 분석 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →
차별화된 프로덕션 수준의 프론트엔드 인터페이스를 높은 디자인 품질로 제작합니다. 기존 디자인 감사, 색상 팔레트, 타이포그래피 시스템, 디자인 토큰, 컴포넌트 템플릿 생성을 위한 분석 및 생성 도구를 제공합니다. React, Vue, Svelte, 바닐라 HTML/CSS를 지원합니다. 웹 컴포넌트, 페이지, 애플리케이션 구축 시 사용하세요. 키워드: design, UI, frontend, CSS, components, palette, typography, tokens, accessibility.
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.