Scaffold MCP server projects and baseline tool contract checks. Use for defining tool schemas, generating starter server layouts, and validating MCP-ready structure.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
0x-Professor/Agent-Skills-Hub112026년 2월 27일 업데이트
무료GitHub에 공개
web-frontend-designer
Scaffold frontend architecture, components, routing, and UI dependencies from project config and wireframes.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
설치 방법 보기포함된 파일(4)
- SKILL.md1.9 KB
- agents/openai.yaml333 B
- references/tools.md948 B
- scripts/frontend_designer.py10.0 KB
SKILL.md(원문)
설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
Web Frontend Designer
Objective
Scaffold a production-ready frontend foundation from project-config.json and
wireframes.md, including component structure, dependencies, and route shells.
Required Workflow
- Read
project-config.jsonandwireframes.md. - Scaffold the chosen framework (for example
create-next-appor Vite scaffolding pattern). - Configure the chosen CSS/design system (Tailwind, Shadcn/ui, Chakra UI, Material UI, Ant Design, Mantine, DaisyUI, or vanilla CSS).
- Integrate or plan integration for:
- Font Awesome: https://fontawesome.com/
- React Bits (+ MCP if available): https://reactbits.dev/ and https://reactbits.dev/get-started/mcp
- Spline: https://spline.design/
- Lucide Icons: https://lucide.dev/
- Shadcn/ui: https://ui.shadcn.com/
- Aceternity UI: https://ui.aceternity.com/
- Magic UI: https://magicui.design/
- Framer Motion: https://www.framer.com/motion/
- React Three Fiber: https://docs.pmnd.rs/react-three-fiber
- Set up font strategy with Google Fonts or Fontsource.
- Set image/illustration sources with Unsplash API, Pexels, or Lummi.
- Generate component tree (
components,layouts,pagesorapp) and route placeholders for the sitemap. - Enforce responsive design, dark mode, and accessibility (including ARIA labels).
- Output scaffold files and
frontend-report.json.
Execution
python skills/web-frontend-designer/scripts/frontend_designer.py --input <workspace> --output <out.json> --format json
References
references/tools.md
리뷰
아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
댓글
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
같은 저장소의 스킬
Generate reusable multi-step agent workflow blueprints. Use for trigger/action orchestration, deterministic workflow definitions, and automation handoff artifacts.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
0x-Professor/Agent-Skills-Hub112026년 2월 27일 업데이트
Build incident response timelines and report packs from event logs. Use for detection-to-recovery reporting, phase tracking, and stakeholder-ready incident summaries.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
0x-Professor/Agent-Skills-Hub112026년 2월 27일 업데이트
Prioritize vulnerability remediation using KEV-style exploitation context plus asset criticality. Use for CVE triage, patch order decisions, and remediation reporting.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
0x-Professor/Agent-Skills-Hub112026년 2월 27일 업데이트
Map application security findings to OWASP Top 10 categories and generate remediation checklists. Use for normalized AppSec review outputs and category-level prioritization.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
0x-Professor/Agent-Skills-Hub112026년 2월 27일 업데이트
Build transformer fine-tuning run plans with task settings, hyperparameters, and model-card outputs. Use for repeatable Hugging Face or PyTorch finetuning workflows.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
0x-Professor/Agent-Skills-Hub112026년 2월 27일 업데이트