Agent skill

Ascii Cosmos

by Ali-Marandi in Ali-Marandi/Web-Scraper-Framework

Generate a single-file product landing page with a layered ASCII cosmos hero (rotating ASCII planet, drifting irregular asteroids, comet trails, nebula gas clouds — each in its own harmonious color)…

No licenceAuto-check passedFrontend & Design

Install Ascii Cosmos

skills CLI
$ npx skills add Ali-Marandi/Web-Scraper-Framework --skill ascii-cosmos -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Ali-Marandi/Web-Scraper-Framework ascii-cosmos --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Ali-Marandi/Web-Scraper-Framework.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/design/design-templates/ascii-cosmos .claude/skills/ascii-cosmos && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
ascii-cosmos
GitHub stars
107
Token cost
~2.7k tokens
SKILL.md length
1,011 words
Files
4
Skills in repo
12
Repo updated
First seen
Licence
None found

At a glance

Generate a single-file product landing page with a layered ASCII cosmos hero (rotating ASCII planet, drifting irregular asteroids, comet trails, nebula gas clouds — each in its own harmonious color)…

  • Works in 10 steps: 读模板 → 读风格预设 → 解析用户输入抽信息 → …
  • Phrases: 做个宇宙风产品落地页
  • SKILL.md covers 作品长什么样, 何时触发, 两种运行模式 and 工作步骤, plus 1 more section
  • Reaches images.unsplash.com and picsum.photos

What it does

Ascii Cosmos is an agent skill from Ali-Marandi/Web-Scraper-Framework. Generate a single-file product landing page with a layered ASCII cosmos hero (rotating ASCII planet, drifting irregular asteroids, comet trails, nebula gas clouds — each in its own harmonious color) plus full marketing sections (about / features grid / showcase / spec / pricing / CTA / footer). Takes a natural-language description of one product (any kind — a note app, a coffee subscription, a CLI tool, an indie hardware, a hosting service…) and outputs ONE working .html file with deep-space dark or…

Its SKILL.md is about 2.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files (for example `styles.md`).

It sits in Frontend & Design, covering Landing pages and Physical and earth sciences. The repository describes itself as: Flexible and Scalable Web Scraping Framework.

When your agent uses it

  • Phrases: 做个宇宙风产品落地页
  • Ascii-cosmos-gen ...
  • 做个独立软件 / 独立硬件落地页
  • User drags this skill folder into chat asking for an atmospheric product landing page

Example prompts

  • “做个宇宙风产品落地页”
  • “生成 ASCII 产品官网”
  • “ascii-cosmos-gen ...”
  • “/ascii-cosmos”

Workflow steps

10 steps, taken from the step headings in SKILL.md.

  1. 读模板
  2. 读风格预设
  3. 解析用户输入抽信息
  4. 替换 12 处 SWAP
  5. 写 ASCII 大字标题(SWAP-3)
  6. 写卡片 ASCII overlay(SWAP-6 内嵌)
  7. 撒 强调
  8. 风格变体(可选)
  9. 调性 → 配色映射(用户没指定风格时按这个选)
  10. 报告

What it can do on your machine

Read from SKILL.md and the folder at commit f8af4cd. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are javascript and html).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • images.unsplash.com
    • picsum.photos

    Also links to:

    • patorjk.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Ascii Cosmos loads about 2.7k tokens when it runs. Until then it costs about 205 tokens; SKILL.md has 1,011 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~205
When it runs · the whole SKILL.md, loaded when a task matches
~2.7k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 1,011 words (~2,726 tokens).

“单文件 HTML 产品官网,hero 是动态分层 ASCII 宇宙:”

— opening of SKILL.md by Ali-Marandi
name
ascii-cosmos
visibility
public
mode
template
carrier
web-page
scenario
marketing-landing
pattern_source
reference.html
source_priority
skill-first
triggers
- "做个宇宙风产品落地页" - "生成 ASCII 产品官网" - "做个独立软件落地页" - "做个独立硬件落地页" - "ascii 落地页" - "ascii hero"
legacy_gen
true

Read the full SKILL.md on GitHub

Files

SKILL.md and 3 other files in skills/design/design-templates/ascii-cosmos of Ali-Marandi/Web-Scraper-Framework.

  • SKILL.md
  • reference.html
  • styles.md
  • template.html

Open the folder on GitHubat commit f8af4cd

Compare with similar skills

Ascii Cosmos next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Ascii Cosmos compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Ascii Cosmos this skillAli-Marandi/Web-Scraper-Framework107—~2.7kAutomated safety check: PassNone
Kill AI Slopyetone/kill-ai-slop1.3k—~1.4kAutomated safety check: PassApache-2.0
Product Proof SaaSboraoztunc/skills3982 repos~1.1kAutomated safety check: PassApache-2.0
Impeccablebestofjs/bestofjs3.1k26 repos~2.6kAutomated safety check: PassMIT
Scroll World Landing Pageoso95/scroll-world9.9k1 repos~12kAutomated safety check: NotesMIT
Expert Panelericosiu/ai-marketing-skills3.6k2 repos~2.1kAutomated safety check: PassMIT

Similar skills

  • Kill AI Slop

    yetone/kill-ai-slop

    Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

    1.3k GitHub stars~1.4k tokensUpdated 26 days ago
    Frontend & DesignAuto-check passed
  • Product Proof SaaS

    boraoztunc/skills

    Create or redesign SaaS and AI product landing pages where a real workflow, interface, or deterministic demo is the central proof.

    398 GitHub starsUsed in 2 repos~1.1k tokens
    Frontend & DesignAuto-check passed
  • Impeccable

    bestofjs/bestofjs

    A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…

    3.1k GitHub starsUsed in 26 repos~2.6k tokens
    Frontend & DesignAuto-check passed
  • Scroll World Landing Page

    oso95/scroll-world

    Builds a scroll-driven landing page where a pre-rendered camera flies through connected AI-generated scenes, using Higgsfield for stills and video clips.

    9.9k GitHub starsUsed in 1 repo~12k tokens
    Frontend & DesignAuto-check: notes
  • Expert Panel

    ericosiu/ai-marketing-skills

    Score, evaluate, and iteratively improve any content or strategy using an auto-assembled panel of domain experts.

    3.6k GitHub starsUsed in 2 repos~2.1k tokens
    Frontend & DesignAuto-check passed
  • UI UX Pro Max

    saoudi-h/solar-icons

    UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

    190 GitHub starsUsed in 18 repos~11k tokens
    Frontend & DesignAuto-check: notes

More from Ali-Marandi/Web-Scraper-Framework

All 12 skills in this repo
  • Aminer Deep Search

    Ali-Marandi/Web-Scraper-Framework

    Activate this skill when the user wants deep, multi-round academic paper collection for a survey or literature review.

    107 GitHub stars~1.6k tokensUpdated 1 mo ago
    Auto-check passed
  • Interview Prep

    Ali-Marandi/Web-Scraper-Framework

    帮用户准备面试。基于目标 JD、公司、岗位方向,生成"高频面试题 + 参考回答 + 行为面 / 技术面 / Case 面分类题库",并产出可打印的『面试备战手册』。当用户说"帮我准备面试""明天有面试 / 后天面试""面试题""面经""模拟面试""我要面 X 公司 Y 岗位""帮我准备 STAR 故事""怎么回答这道面试题""自我介绍 / 离职原因 / 优缺点 怎么答",必须触发本…

    107 GitHub stars~735 tokensUpdated 1 mo ago
    Auto-check passed
  • Jd Resume Tailor

    Ali-Marandi/Web-Scraper-Framework

    给定一份 JD 和一份现有简历,做"JD 拆解 + 简历定向改写"。拆 JD 抽出硬技能、软技能、加分项;对照简历做 gap 分析;产出针对该岗位重写后的简历,突出相关经验、补齐关键词缺口、并保留候选人真实经历不编造。当用户说"针对这个岗位 / 这家公司改简历""帮我对一下这个 JD""我想投这个职位你看怎么改""把这份简历针对 X 公司优化""做一份定向版简历",或同时给出 JD 文本 +…

    107 GitHub stars~714 tokensUpdated 1 mo ago
    Auto-check passed
  • Job Intent Tracker

    Ali-Marandi/Web-Scraper-Framework

    帮助用户梳理求职意向、生成目标岗位画像,并维护一份结构化的"岗位投递追踪表"。当用户说"我想换工作 / 不知道投什么岗 / 帮我看看我适合什么岗位 / 帮我管理投递进度 / 我投了好几家但记不住状态了 / 想做一个求职 OKR / 整理一下求职方向",或上传简历但没说要改简历时,应该主动触发本 skill。本 skill 也适用于实习生、应届生、转行候选人在求职启动阶段做"自我盘点 +…

    107 GitHub stars~819 tokensUpdated 1 mo ago
    Auto-check passed
  • Resume Builder

    Ali-Marandi/Web-Scraper-Framework

    从零生成或全面优化一份中文简历,并导出 docx / pdf / markdown 多种格式。用 STAR 法则改写经历、做 ATS 关键词覆盖率检查、根据行业(互联网产品 / 技术 / 金融 / 通用)选模板。当用户说"帮我写简历 / 优化简历 / 简历不会写 / 我的简历太弱了 / 简历看起来不专业 / 简历改一改 / 给我做个简历模板 / 简历导出 / 简历加点关键词",或者上传…

    107 GitHub stars~740 tokensUpdated 1 mo ago
    Auto-check passed
  • Dream Interpreter

    Ali-Marandi/Web-Scraper-Framework

    AI 解梦大师。用户描述梦境,智能追问关键细节后,从三个视角(周公解梦/心理分析/赛博神棍)生成解读,输出结构化 JSON 供前端渲染"梦境解析卡"。

    107 GitHub stars~406 tokensUpdated 1 mo ago
    Auto-check passed

Questions about Ascii Cosmos

What does Ascii Cosmos do?

Generate a single-file product landing page with a layered ASCII cosmos hero (rotating ASCII planet, drifting irregular asteroids, comet trails, nebula gas clouds — each in its own harmonious color)…. Ascii Cosmos is an agent skill from Ali-Marandi/Web-Scraper-Framework. Generate a single-file product landing page with a layered ASCII cosmos hero (rotating ASCII planet, drifting irregular asteroids, comet trails, nebula gas clouds — each in its own harmonious color) plus full marketing sections (about / features grid / showcase / spec / pricing / CTA / footer).

When should I use Ascii Cosmos?

Ascii Cosmos fits situations like: phrases: 做个宇宙风产品落地页; ascii-cosmos-gen ..; 做个独立软件 / 独立硬件落地页; user drags this skill folder into chat asking for an atmospheric product landing page.

How do I install Ascii Cosmos in Claude Code?

Run `npx skills add Ali-Marandi/Web-Scraper-Framework --skill ascii-cosmos -a claude-code`. Or copy the skill folder (skills/design/design-templates/ascii-cosmos in Ali-Marandi/Web-Scraper-Framework) into .claude/skills/ascii-cosmos in your project. Claude Code loads it when a task matches its description.

How do I install Ascii Cosmos in Codex?

Run `npx skills add Ali-Marandi/Web-Scraper-Framework --skill ascii-cosmos -a codex`. Or copy the skill folder (skills/design/design-templates/ascii-cosmos in Ali-Marandi/Web-Scraper-Framework) into .agents/skills/ascii-cosmos in your project. Codex loads it when a task matches its description.

Can I use Ascii Cosmos in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Ali-Marandi/Web-Scraper-Framework --skill ascii-cosmos -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ascii-cosmos, .gemini/skills/ascii-cosmos, .github/skills/ascii-cosmos and .opencode/skills/ascii-cosmos in your project.

What does Ascii Cosmos need to run?

SKILL.md names no scripts, command-line tools or credentials: Ascii Cosmos is instructions for the agent only.

Does Ascii Cosmos access the network?

SKILL.md names 3 domains. In commands or code: images.unsplash.com and picsum.photos; the agent is likely to contact these when it follows the instructions. As links in the text: patorjk.com. This is read from the text; nothing was executed.

Is Ascii Cosmos safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Ascii Cosmos use?

No licence was found for Ascii Cosmos or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Ascii Cosmos use?

About 2.7k tokens (SKILL.md is roughly 11k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Ascii Cosmos?

Skills that share tags, products or a category with Ascii Cosmos: Kill AI Slop (yetone/kill-ai-slop, 1.3k stars), Product Proof SaaS (boraoztunc/skills, 398 stars), Impeccable (bestofjs/bestofjs, 3.1k stars) and Scroll World Landing Page (oso95/scroll-world, 9.9k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Ascii Cosmos?

Ali-Marandi (a GitHub user) maintains it in Ali-Marandi/Web-Scraper-Framework, which has 107 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on August 31, 2026.

Source: Ali-Marandi/Web-Scraper-Framework on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.