메뉴
Tools for building modern React webapps with TypeScript, Tailwind CSS and shadcn/ui. Best suited for applications with complex UI components and state management.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | modern-web-app |
| description | Tools for building modern React webapps with TypeScript, Tailwind CSS and shadcn/ui. Best suited for applications with complex UI components and state management. |
Stack: React + TypeScript + Vite + Tailwind CSS + shadcn/ui
scripts/init-webapp.sh <website-title> [output-dir] - Initialize projectsrc/dist/# Init project in ./app (default) with website title
bash scripts/init-webapp.sh "My Website"
# Or specify custom output directory
bash scripts/init-webapp.sh "My Website" ./my-project
cd ./app # or your custom directory
AI Agent Notes:
./app (relative to current working directory)This creates a fully configured project with:
@/) configuredEdit generated files in src/:
src/sections/src/hooks/src/types/cd ./app && npm run build 2>&1
Output (dist/):
index.html - Entry pointassets/index-[hash].js - Bundled JSassets/index-[hash].css - Bundled CSSOptimizations: Tree-shaking, code splitting, asset compression, minification, cache-busting hashes.
Deploy the build output in <project-dir>/dist/
npm run builddist/Orchestrates the full pipeline of finding, analyzing, and extracting reusable modules from open-source GitHub repositories. 6 phases: demand → search → analyze → depgraph → extract → market. Each phase backed by a dedicated skill with its own methodology. Triggers: 开源复用, 模块提取, repo分析, 代码移植, 找开源库, github筛选, 依赖图
Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files). Triggers include: any mention of "Word doc", "word document", ".docx", or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when extracting or reorganizing content from .docx files, inserting or replacing images in documents, performing find-and-replace in Word files, working with tracked changes or comments, or converting content into a polished Word document. If the user asks for a "report", "memo", "letter", "template", or similar deliverable as a Word or .docx file, use this skill. Do NOT use for PDFs, spreadsheets, Google Docs, or general coding tasks unrelated to document generation.
Use this skill any time a .pptx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates, layouts, speaker notes, or comments. Trigger whenever the user mentions "deck," "slides," "presentation," or references a .pptx filename, regardless of what they plan to do with the content afterward. If a .pptx file needs to be opened, created, or touched, use this skill.
Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, charting, cleaning messy data); create a new spreadsheet from scratch or from other data sources; or convert between tabular file formats. Trigger especially when the user references a spreadsheet file by name or path — even casually (like "the xlsx in my downloads") — and wants something done to it or produced from it. Also trigger for cleaning or restructuring messy tabular data files (malformed rows, misplaced headers, junk data) into proper spreadsheets. The deliverable must be a spreadsheet file. Do NOT trigger when the primary deliverable is a Word document, HTML report, standalone Python script, database pipeline, or Google Sheets API integration, even if tabular data is involved.
金融数据智能检索。根据用户的自然语言描述，自动识别需要的数据接口， 查阅 API 文档，构造请求并返回数据。覆盖股票、指数、期货、债券、 基金、宏观经济等 15 大类 209 个接口。 触发词：查行情、看股票、财务数据、基金净值、期货行情、宏观数据、 涨停股、龙虎榜、资金流向、利率、CPI、GDP、可转债、ETF、港股、美股。
交易分析助手，基于多角色辩论方法论的系统性投资分析。通过市场技术分析、 基本面分析、新闻情绪分析、多空辩论、交易决策和三方风险评估， 输出 BUY/SELL/HOLD 建议。 触发词：交易分析、投资分析、股票分析、买卖决策、多空分析、 风险评估、技术分析、基本面分析、投资建议、买入卖出、 持有建议、投资决策、交易建议、股票推荐、该不该买、能不能卖、 要不要持有、看好看空、仓位建议、加仓减仓、是否加仓、 是否减仓、投资价值、值不值得买、能不能入手、抄底、 完整分析、深度分析、进行.*分析、分析.*投资、 trading analysis、investment decision、buy sell hold。