UI Styling
Ohh-889/skyroc
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.
以 Pulse（一日一印）美术设计总监视角自由设计、审阅和验收当前界面与运行体验。用于视觉、布局、品牌、动效、特效、触觉、UI/UX、可访问性、AppIcon、Widget 和系统表面任务。仅审阅时不修改项目，用户明确要求实现或清理时直接改动。
Install Direct Pulse Design
$ npx skills add cooluid/pulse --skill direct-pulse-design -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install cooluid/pulse direct-pulse-design --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/cooluid/pulse.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/direct-pulse-design .claude/skills/direct-pulse-design && rm -rf skills-srcUse ~/.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/
Install the "direct-pulse-design" agent skill from https://github.com/cooluid/pulse/tree/main/.agents/skills/direct-pulse-design into .claude/skills/direct-pulse-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "direct-pulse-design", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/cooluid/pulse/tree/main/.agents/skills/direct-pulse-designType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add cooluid/pulse --skill direct-pulse-design -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install cooluid/pulse direct-pulse-design --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cooluid/pulse.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/direct-pulse-design .agents/skills/direct-pulse-design && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "direct-pulse-design" agent skill from https://github.com/cooluid/pulse/tree/main/.agents/skills/direct-pulse-design into .agents/skills/direct-pulse-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "direct-pulse-design", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add cooluid/pulse --skill direct-pulse-design -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install cooluid/pulse direct-pulse-design --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cooluid/pulse.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/direct-pulse-design .cursor/skills/direct-pulse-design && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "direct-pulse-design" agent skill from https://github.com/cooluid/pulse/tree/main/.agents/skills/direct-pulse-design into .cursor/skills/direct-pulse-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "direct-pulse-design", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/cooluid/pulse.git --path .agents/skills/direct-pulse-design--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add cooluid/pulse --skill direct-pulse-design -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install cooluid/pulse direct-pulse-design --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cooluid/pulse.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/direct-pulse-design .gemini/skills/direct-pulse-design && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "direct-pulse-design" agent skill from https://github.com/cooluid/pulse/tree/main/.agents/skills/direct-pulse-design into .gemini/skills/direct-pulse-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "direct-pulse-design", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install cooluid/pulse direct-pulse-designInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add cooluid/pulse --skill direct-pulse-design -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/cooluid/pulse.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/direct-pulse-design .github/skills/direct-pulse-design && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "direct-pulse-design" agent skill from https://github.com/cooluid/pulse/tree/main/.agents/skills/direct-pulse-design into .github/skills/direct-pulse-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "direct-pulse-design", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add cooluid/pulse --skill direct-pulse-design -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install cooluid/pulse direct-pulse-design --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cooluid/pulse.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/direct-pulse-design .opencode/skills/direct-pulse-design && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "direct-pulse-design" agent skill from https://github.com/cooluid/pulse/tree/main/.agents/skills/direct-pulse-design into .opencode/skills/direct-pulse-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "direct-pulse-design", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
direct-pulse-design- GitHub stars
- 101
- Token cost
- ~233 tokens
- SKILL.md length
- 59 words
- Files
- 3 (incl. references)
- Skills in repo
- 1
- Repo updated
- First seen
- Licence
- MIT
At a glance
以 Pulse（一日一印）美术设计总监视角自由设计、审阅和验收当前界面与运行体验。用于视觉、布局、品牌、动效、特效、触觉、UI/UX、可访问性、AppIcon、Widget 和系统表面任务。仅审阅时不修改项目，用户明确要求实现或清理时直接改动。
- Works in 4 steps: 美术完全自由：全部外观都可保留、修改或推翻。 → 当前任务优先：用户当次给出的方向和参考只服务当次任务。 → 人工判断外观：完整页面和真机由人验收。 → …
- Tasks that involve UI design
- SKILL.md covers 第一原则, 权限, 工作方式 and 审阅顺序, plus 2 more sections
- Calls git
What it does
Direct Pulse Design is an agent skill from cooluid/pulse. 以 Pulse（一日一印）美术设计总监视角自由设计、审阅和验收当前界面与运行体验。用于视觉、布局、品牌、动效、特效、触觉、UI/UX、可访问性、AppIcon、Widget 和系统表面任务。仅审阅时不修改项目，用户明确要求实现或清理时直接改动。
Its SKILL.md is about 230 tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `agents/openai.yaml` and `references/interaction-accessibility-review.md`).
It sits in Frontend & Design, covering UI design. The licence is MIT.
When your agent uses it
- Tasks that involve UI design
Example prompts
- “/direct-pulse-design”
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- 美术完全自由：全部外观都可保留、修改或推翻。
- 当前任务优先：用户当次给出的方向和参考只服务当次任务。
- 人工判断外观：完整页面和真机由人验收。
- 事实仍硬：签到时序、领域事实、任务可达、隐私、无障碍结果与权益诚实不能被视觉伪造。
What it can do on your machine
Read from SKILL.md and the folder at commit a6d0a52. 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
Shell commands in SKILL.md call:
git
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.
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
Direct Pulse Design loads about 233 tokens when it runs, and up to ~765 if it reads all its reference files. Until then it costs about 36 tokens; SKILL.md has 59 words of instructions outside code blocks.
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
The full file from cooluid/pulse at commit a6d0a52, republished under its MIT licence (© cooluid). 59 words, ~233 tokens.
Download SKILL.mdSave it as
.claude/skills/direct-pulse-design/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.- name
- direct-pulse-design
- description
- 以 Pulse（一日一印）美术设计总监视角自由设计、审阅和验收当前界面与运行体验。用于视觉、布局、品牌、动效、特效、触觉、UI/UX、可访问性、AppIcon、Widget 和系统表面任务。仅审阅时不修改项目，用户明确要求实现或清理时直接改动。
Pulse 美术设计总监
第一原则
- 美术完全自由：全部外观都可保留、修改或推翻。
- 当前任务优先：用户当次给出的方向和参考只服务当次任务。
- 人工判断外观：完整页面和真机由人验收。
- 事实仍硬：签到时序、领域事实、任务可达、隐私、无障碍结果与权益诚实不能被视觉伪造。
合同按 AGENTS.md 的任务表打开。无障碍审阅清单见 references/interaction-accessibility-review.md。
权限
- 建议 / 审阅 / 诊断 / 验收：只读证据，不改仓库。
- 设计 / 实现 / 修正 / 清理：直接改当前实现和必要工程说明。
- 不自动生图；用户明确要求时再使用生图技能。
工作方式
- 先看
git status，保护已有改动。 - 涉及事实时读取对应领域合同；纯外观直接改实现。
- 优先看完整页面截图、录屏和真机；没有运行证据就标
EVIDENCE GAP。 - 建议必须服务当前用户任务。
- 用户确认的设计方向从审查争议中归零；除非造成事实、操作或无障碍问题，不得重新包装成设计债。
审阅顺序
- 事实是否正确。
- 用户任务能否完成。
- 无障碍、隐私和交易是否成立。
- 信息是否可读。
- 人工观感与可选建议。
问题等级
BLOCKER：事实错误、任务不可完成、关键无障碍失败、隐私或权益违规。MAJOR：任务吃力、状态不清、适配失败。POLISH：纯观感建议。EVIDENCE GAP：缺完整页面、真机或运行证据。
交付
说明当前结果、事实风险、体验问题和仍缺的人工证据。
© cooluid, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 2 other files (references) in .agents/skills/direct-pulse-design of cooluid/pulse.
- SKILL.md
- agents/openai.yaml
- references/interaction-accessibility-review.md
Open the folder on GitHubat commit a6d0a52
Compare with similar skills
Direct Pulse Design 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Direct Pulse Design this skillcooluid/pulse | 101 | — | ~233 | Automated safety check: Pass | MIT | |
| UI StylingOhh-889/skyroc | 795 | 13 repos | ~2.5k | Automated safety check: Pass | MIT | |
| LobeHub Interactive Prototypelobehub/lobehub | 83k | — | ~1.6k | Automated safety check: Pass | Custom licence | |
| Make Interfaces Feel Bettersamuelclay/NewsBlur | 7.6k | 10 repos | ~1.5k | Automated safety check: Pass | MIT | |
| UI UX Pro MaxZxBing0066/pixel-converter | 181 | 13 repos | ~2.6k | Automated safety check: Notes | BSD-2-Clause | |
| Design Dnazanwei/design-dna | 1.9k | 1 repos | ~2.1k | Automated safety check: Pass | MIT |
Similar skills
LobeHub Interactive Prototype
lobehub/lobehub
Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.
Make Interfaces Feel Better
samuelclay/NewsBlur
Design engineering principles for making interfaces feel polished.
UI UX Pro Max
ZxBing0066/pixel-converter
UI/UX design intelligence with searchable database. An agent skill from ZxBing0066/pixel-converter.
Design Dna
zanwei/design-dna
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects…
Figma Design to Code
warpdotdev/warp
Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.
Related
Categories
Questions about Direct Pulse Design
What does Direct Pulse Design do?
以 Pulse（一日一印）美术设计总监视角自由设计、审阅和验收当前界面与运行体验。用于视觉、布局、品牌、动效、特效、触觉、UI/UX、可访问性、AppIcon、Widget 和系统表面任务。仅审阅时不修改项目，用户明确要求实现或清理时直接改动。. Direct Pulse Design is an agent skill from cooluid/pulse.
When should I use Direct Pulse Design?
Direct Pulse Design fits situations like: tasks that involve UI design.
How do I install Direct Pulse Design in Claude Code?
Run `npx skills add cooluid/pulse --skill direct-pulse-design -a claude-code`. Or copy the skill folder (.agents/skills/direct-pulse-design in cooluid/pulse) into .claude/skills/direct-pulse-design in your project. Claude Code loads it when a task matches its description.
How do I install Direct Pulse Design in Codex?
Run `npx skills add cooluid/pulse --skill direct-pulse-design -a codex`. Or copy the skill folder (.agents/skills/direct-pulse-design in cooluid/pulse) into .agents/skills/direct-pulse-design in your project. Codex loads it when a task matches its description.
Can I use Direct Pulse Design 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 cooluid/pulse --skill direct-pulse-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/direct-pulse-design, .gemini/skills/direct-pulse-design, .github/skills/direct-pulse-design and .opencode/skills/direct-pulse-design in your project.
What does Direct Pulse Design need to run?
Going by SKILL.md and its folder, Direct Pulse Design needs the command-line tools its instructions call (git).
Does Direct Pulse Design access the network?
SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Direct Pulse Design 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 Direct Pulse Design use?
Direct Pulse Design is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Direct Pulse Design use?
About 233 tokens (SKILL.md is roughly 932 characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 532 tokens, read only when the agent opens those files.
What are the alternatives to Direct Pulse Design?
Skills that share tags, products or a category with Direct Pulse Design: UI Styling (Ohh-889/skyroc, 795 stars), LobeHub Interactive Prototype (lobehub/lobehub, 83k stars), Make Interfaces Feel Better (samuelclay/NewsBlur, 7.6k stars) and UI UX Pro Max (ZxBing0066/pixel-converter, 181 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Direct Pulse Design?
cooluid (a GitHub user) maintains it in cooluid/pulse, which has 101 GitHub stars. The repository was last updated on September 21, 2026.
Source: cooluid/pulse on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.