Joe Wang joe11051105

SuperClaude 企業級使用手冊

SuperClaude v3.0.0.1 是一個革命性的 Claude Code 配置框架，將通用 AI 助手轉變為專業的企業級開發夥伴。該框架通過 16 個專業化命令、9 個認知角色和 70% 的 Token 優化，已為 6,500+ 開發者提供了結構化、高效的 AI 輔助開發解決方案。

從技術架構師的角度分析，SuperClaude 解決了企業級開發中的三大核心挑戰：AI 助手缺乏專業化、開發工作流程標準化困難，以及 Token 成本過高。通過證據驅動的方法論和模塊化設計，它為現代軟體開發提供了可擴展、可維護的 AI 輔助框架。

⚠️ 從 v2 升級？重要提示！

如果您是從 SuperClaude v2 升級，請注意以下關鍵變化：

徹底清理舊檔案：請手動刪除以下可能存在的文件和目錄，以避免衝突：

SuperClaude/ (舊的專案根目錄)

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

凍仁的讀書清單

Migrated to GitLab and GitHub.

看了《學徒模式》一書後，凍仁試著用 Gist 管理自己的待讀書單，並不時修改其閱讀順序。您可以在 revisions 找到編修記錄。

待讀書單
已讀書單

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	{
	"AWSEBDockerrunVersion": "1",
	"Image": {
	"Name": "<AWS_ACCOUNT_ID>.dkr.ecr.us-east-1.amazonaws.com/<NAME>:<TAG>",
	"Update": "true"
	},
	"Ports": [
	{
	"ContainerPort": "443"
	}

	NAME = mqtt2fluent
	APP_NAME = server.js
	NODE_VERSION = 0.12.7

	PWD := $(shell pwd)

	.PHONY: all

	all: clean build

	- 我想要挑戰isomorphic，但目前好像比較少redux配isomorphic又配上webpack的方案

	- 這個範例可看，最近全部改寫過
	- https://github.com/coodoo/react-redux-isomorphic-example

	- 注意下面幾點

	- js/bootClient.js 與 js/bootServer.js

	- bootServer.js 負責做 server-render

	package main

	import (
	"flag"
	"io"
	"log"
	"net"
	"net/http"
	"strings"
	)

	var React = require('react');
	var cx = require('classnames');
	var vjs = require('video.js');
	var _forEach = require('lodash/collection/forEach');
	var _debounce = require('lodash/function/debounce');
	var _defaults = require('lodash/object/defaults');

	var DEFAULT_HEIGHT = 800;
	var DEFAULT_WIDTH = 600;
	var DEFAULT_ASPECT_RATIO = (9 / 16);

	function requireAll(r) { r.keys().forEach(r); }
	requireAll(require.context('../images/', true, /\..*$/));
	requireAll(require.context('./vendors/', true, /\..*$/));