スキル一覧に戻る
tsaijamey

frago-view-content-generate-tips-code

by tsaijamey

Multi-runtime automation infrastructure for AI agents. Native CDP browser control, metadata-driven Recipe system, and persistent Run context management.

52🍴 6📅 2026年1月24日
GitHubで見るManusで実行

SKILL.md


name: frago-view-content-generate-tips-code description: Code file content generation guide. Use this skill when you need to create code files that can be previewed via frago view. Covers supported languages, theme selection, and best practices.

Code File Content Generation Guide

Preview code files via frago view with automatic syntax highlighting.

Preview Commands

frago view script.py                      # Default theme
frago view script.py --theme monokai      # Specify theme

Supported File Types

ExtensionLanguagehighlight.js Tag
.pyPythonpython
.jsJavaScriptjavascript
.tsTypeScripttypescript
.jsxJSXjavascript
.tsxTSXtypescript
.cssCSScss
.scssSCSSscss
.htmlHTMLhtml
.jsonJSONjson
.yaml / .ymlYAMLyaml
.tomlTOMLtoml
.xmlXMLxml
.sqlSQLsql
.sh / .bashBashbash
.goGogo
.rsRustrust
.javaJavajava
.c / .hCc
.cpp / .hppC++cpp
.rbRubyruby
.phpPHPphp
.swiftSwiftswift
.ktKotlinkotlin
.luaLualua
.rRr
.txtPlain Textplaintext

Code Themes

ThemeStyleUse Case
github-darkGitHub Dark (default)Daily use
githubGitHub LightWhite background preference
monokaiMonokai ClassicDeveloper preference
atom-one-darkAtom DarkModern style
atom-one-lightAtom LightLight preference
vs2015Visual StudioWindows style
# Preview with different themes
frago view main.py --theme monokai
frago view config.yaml --theme atom-one-dark

Best Practices

1. File Encoding

  • Must use UTF-8 encoding
  • Avoid BOM header
  • Use LF line endings (Unix style)

2. Line Length

  • Single line no more than 120 characters
  • Very long lines will be truncated on display

3. Comment Guidelines

# Single-line comments should be clear and concise

"""
Multi-line comments used for:
- Module documentation
- Function documentation
- Complex logic explanation
"""

4. Code Structure

  • Group logic with blank line separation
  • Two blank lines between functions/classes
  • Group related imports

Display Features

Automatic Line Numbers

Code preview automatically displays line numbers for easy reference.

Syntax Highlighting

Based on highlight.js, automatically recognizes language and highlights:

  • Keywords
  • Strings
  • Comments
  • Numbers
  • Function names
  • Class names

Style Reference (github-dark)

ElementColor
Background#0d1117
Text#c9d1d9
Keywords#ff7b72
Strings#a5d6ff
Comments#8b949e
Functions#d2a8ff
Numbers#79c0ff

Notes

IssueCauseSolution
No syntax highlightingExtension not recognizedUse standard extensions
Chinese garbled textEncoding issueEnsure UTF-8
Truncated displayLine too longControl line length
Slow renderingFile too largeSplit or simplify

Use Cases

  • Code snippet display
  • Configuration file preview
  • Script review
  • Code sharing

Not suitable for: Complete source code of large projects (recommend using IDE)

スコア

総合スコア

75/100

リポジトリの品質指標に基づく評価

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

+10
説明文

100文字以上の説明がある

+10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新がある

0/10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

+5

レビュー

💬

レビュー機能は近日公開予定です