本文へ移動
cccskills

スキルを探す

234 件(skillmds のリポジトリ) ・ 人気順

概要と使いどころ

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

ui-page

無料

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

Audit paid-ad landing pages for message match, mobile experience, performance, accessibility, trust, forms, consent, tracking, security, and conversion friction. Use for landing-page audit, post-click experience, LP audit, conversion-rate optimization, form optimization, ad-to-page message match, redirects, blocked navigation, or requests involving private, loopback, link-local, or metadata IP destinations.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

macOS / Windows 只读存储分析助手(自动识别系统)。扫描整机磁盘占用,找出 占空间大户,把每一项分成 🟢可自动清理 / 🟡需人工判断 / 🔴谨慎清理 三级并给出 可执行处置方案,生成排版精美、可折叠、命令可一键复制的交互式 HTML 报告,并可 起本地服务在网页上一键删除(移废纸篓/直接删)。扫描全程只读。务必在以下场景 使用:用户说"存储分析""磁盘满了""C盘/硬盘满了""空间不够""清理空间" "清理磁盘""占空间""哪些东西占地方""帮我看看存储""看一下电脑存储/空间" "存储空间""电脑空间不够""内存满了/不够/不足""看下内存/存储"(中文口语里 "内存"常指存储空间)"storage analysis""disk cleanup""清缓存""磁盘清理"; 或用户抱怨电脑没空间、想知道什么东西吃硬盘、想要清理建议时。注意:若用户明确 指运行内存/RAM(如"哪个进程吃内存""内存占用高"想看活动监视器),那是 RAM 不是存储,不属于本 skill。

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

cro

無料

When the user wants to optimize, improve, or increase conversions on any marketing page or form — including homepage, landing pages, pricing pages, feature pages, lead capture forms, or contact forms. Also use when the user says 'CRO,' 'conversion rate optimization,' 'this page isn't...

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

微信公众号 HTML 生成。把 Markdown 转成可粘贴到微信公众号后台的 HTML,内置 15 种经典媒体/科技产品/中文公众号风格。 触发方式:/dbs-wechat-html、/公众号HTML、「生成公众号 HTML」「做微信公众号版本」「微信排版」 WeChat Official Account HTML generator. Converts Markdown into WeChat-ready HTML with 15 built-in publishing styles.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

dark-mode

無料

Implement complete dark mode for any frontend project. Auto-detects theme system (Flutter ThemeData, Tailwind dark class, CSS variables, MUI, Chakra UI, styled-components), generates a dark color palette with proper surface elevation hierarchy and desaturated brand colors, creates a theme toggle with system preference detection and persistence, migrates all hardcoded colors to theme tokens, handles special cases like images, shadows, form inputs, and charts, then verifies WCAG AA contrast ratios for both modes. Use when you need to add dark mode, fix dark theme contrast issues, create a theme switcher, or migrate hardcoded colors to theme-aware tokens.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

xlsx

無料

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.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

HTML Docs

無料

Turns folders, codebases, websites, PDFs, documents, and research topics into source-grounded HTML documents, deterministic narrated videos, or complete learning courses; also publishes and revises collaborative HTML pages through the HTML Docs CLI, REST API, and MCP server.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

Humanizer 中文学术版——当用户要求润色论文、去除AI味、降低AIGC检测率,或说"帮我改改这段""这段读起来像AI写的"时触发。

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

An inspired interpretation of HP's design language — a white-paper enterprise-consumer system anchored by HP Electric Blue (`#024ad8`) as the lone signal CTA, near-black ink (`#1a1a1a`) for headlines, geometric Forma-DJR sans throughout, and angular blue-chevron decorations that nod to the HP wordmark's slashes. Cards round at 8–16px, photos sit in soft 16px frames, and dark navy slabs anchor the customer-story and "how can we help" closing bands.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

用于期末复习、考前突击、题目生成、知识点辅导、复习资料清洗等场景。基于用户上传课程资料开展工作,优先参考历年真题、老师PPT、平时作业和 Markdown 资料;先用 markitdown 转 Markdown,再清洗材料,最后生成题目、答案和偏考试得分导向的解析。

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

Use Grok 4.5 as the required external design advisor when a task needs UI critique, UX critique, component-choice review, interaction-flow review, design imagery markdown, art direction, visual hierarchy judgment, design-system fit, color/type/layout suggestions, HTML mockups, SVG icons, handwritten SVG wordmarks, or file-based feedback on existing UI. Trigger on requests like "design a page", "generate design imagery", "give design advice", "optimize this UI", "improve UX", "optimize user flow", "review interaction", "check usability", "reduce friction", "choose the right component", "review this design", "create an icon", "suggest colors", "UI mockup", "visual direction", "lettering", "wordmark", "handwritten logo", or when another agent needs a second opinion on visual or interaction quality.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

极简产品预发布落地页, 含邮箱捕获、logo、装饰图层

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

将学术论文转换为交互式 HTML 课程 + Markdown 文档 + PPTX 演示文稿,一键生成全部三种输出

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

Add strategic color to monochromatic or dull interfaces using oklch for perceptually uniform palettes. Generates harmonious color systems with automatic light/dark variants and accessible contrast ratios.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

slides

無料

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

Define a set of actionable design principles that guide decision-making and resolve trade-offs.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

dy-note

無料

DyNote: systematically and efficiently extract raw Douyin/DY video data and analyze videos, comments, accounts, hashtags, and short-video scenes into evidence-graded learning notes, summaries, research briefs, scripts, and knowledge-base material. Use when the user asks to 抓取/提取/整理 抖音视频字幕、视频文案、ASR 转写、Qwen3-ASR 中文转写、原始材料归档、学习笔记、analysis plan、note budget、避免返工、复用已有素材、评论洞察、账号分析、赛道/话题研究、竞品拆解、电商/本地生活视频分析、事实核查、自动搜索素材, save Douyin content as Markdown/TXT, or use subtitle/local ASR as the factual spine with logged-in Douyin Web built-in AI / Doubao fallback as visual or quick-reading supplements.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

Design one-off HTML artifacts (landing, deck, prototype).

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新

xhs-cover

無料

Generate Xiaohongshu (XHS / RedNote) cover images using GPT Image 2 / Codex image generation first, with the legacy Gemini CLI as fallback. Triggers for cover generation: "生成封面", "小红书封面", "xhs封面", "制作封面", "帮我做张图", "XHS cover", "RedNote cover". Triggers for cover editing: "修改封面", "改一下封面", "上一张图基础上", "基于这张图调整", "不要重新做", "edit this cover". Triggers for style learning: "学习这个风格", "提取风格", "我想自定义风格", "这张图的风格", "learn this style", "extract style". Always trigger this skill when user mentions 小红书/XHS/RedNote together with 封面/cover/图片, OR when user uploads a reference image and asks about creating a similar style.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1732026年10月9日 更新