Find the best CLAUDE.md, AGENTS.md and Claude skills

harrychuangSkill

spectra-debug

harrychuang/cursor-skills/.cursor/skills/spectra-debug/SKILL.md

Systematically debug a problem using a four-phase workflow

Often used withspectra-commit

harrychuangSkill

spectra-discuss

harrychuang/cursor-skills/.cursor/skills/spectra-discuss/SKILL.md

Have a focused discussion about a topic and reach a conclusion

Often used withspectra-commit

harrychuangSkill

spectra-ingest

harrychuang/cursor-skills/.cursor/skills/spectra-ingest/SKILL.md

Update an existing Spectra change from external context

Often used withspectra-commit

harrychuangSkill

spectra-propose

harrychuang/cursor-skills/.cursor/skills/spectra-propose/SKILL.md

Create a change proposal with all required artifacts

Often used withspectra-commit

harrychuangSkill

design-automation-hub

harrychuang/cursor-skills/design-automation-hub/SKILL.md

Install, inspect, update, and validate the reusable Design Automation Hub Figma Plugin, portable local Coordinator, project binding, generic agent-automation dependency, and figma-design-automation companion skill in an explicit target repository without overwriting unrelated project configuration.

harrychuangSkill

design-system-extractor

harrychuang/cursor-skills/design-system-extractor/SKILL.md

Extract a reusable design-system specification from UI screenshots/images, graphic/brand/editorial references, Figma URLs or exports, Figma Variables, existing web or native iOS/Android app project folders, SwiftUI/UIKit/Jetpack Compose/Android Views code, runnable rendered UI captures, simulator/emulator/device captures, AI-generated or vibe-coded prototype projects, or prototype code, and review or integrate parallel design-system extraction branches. Use when Codex must produce evidence-backed design principles, design elements, token architecture, component inventory, component token specs including typographic/text-lockup components, anti-AI style constraints, collaborative branch review records, static HTML documentation for developers, cross-agent handoff guidance for Claude Code/Cursor/Codex, and a checkpoint before any product implementation.

harrychuangSkill

design-system-governance

harrychuang/cursor-skills/design-system-governance/SKILL.md

Enforces token-first, composition-first governance for any design system project. Auto-detects the project's token naming conventions, grid system, animation keyframes, and shared component library before applying rules. Use when building UI components, composite layouts, pages, design tokens, or Storybook stories — or when the user mentions design tokens, hardcoded styles, component reuse, animations, i18n text, or design system governance.

harrychuangReads credentialsAGENTS.md

cursor-skills / design-workspace-starter

harrychuang/cursor-skills/design-workspace-starter/AGENTS.md

This repository is a standalone design workspace starter. If the tool does not support slash commands or @file image syntax, explicitly instruct it to read files by path, for example:

harrychuangReads credentialsCLAUDE.md

cursor-skills / design-workspace-starter

harrychuang/cursor-skills/design-workspace-starter/CLAUDE.md

This repository is an AI-operable product workspace. It starts empty on purpose: your job is to turn reference/ screenshots and/or a Figma source into a token-backed app, Storybook catalog, and…

harrychuangSkill

design-system-to-storybook

harrychuang/cursor-skills/ds-to-storybook/SKILL.md

Build or update framework-native, token-backed Storybook foundations, shared UI components, and stories from an extracted design-system package. Use after design-system-extractor, or when Codex must adapt design-system Markdown, tokens, and traced Figma/image/code/route evidence to an existing or new React, Vue, Angular, Svelte, Web Components, meta-framework, monorepo, or other frontend target; select the correct app root, renderer, builder, file conventions, and optional tooling; infer component dependency order; sync component documentation; plan batches; or bootstrap Storybook without silently imposing React/Vite or migrating the product framework. Also use when updating, version-checking, or explaining this skill's bundled tools: the Figma export addon and the Storybook Code To Design Figma importer.

harrychuangSkill

executive-proposal

harrychuang/cursor-skills/executive-proposal/SKILL.md

協助 UIUX 設計師將主題、會議記錄或資料整理成白話、結論先行的產品提案簡報。以 UIUX 產品總監角度說明使用者問題、設計選擇與產品價值，主動補找案例和來源，並詢問可引用的截圖或連結。適用新功能發想、設計提案與主管報告。

harrychuangSkill

figma-componentize

harrychuang/cursor-skills/figma-componentize/SKILL.md

Turn raw (non-component) UI in a Figma design into components: detect which UI in a section, frame, or single element is not built from components, group it into components, variants (Style, Size, State), and component properties, build them bottom-up on the Components page, tokenize them via figma-m3-variables Workflow F (color, typography, radius, spacing, elevation), then replace the originals with instances and prove the look is unchanged. Optional design system document page: all local tokens and components. Use when: a designer shares a section, frame, or element link and asks to componentize it, create components from it, or replace raw layers with instances. Token-only requests (hardcoded values to Variables, no components) go to figma-m3-variables. Triggers: componentize, make components, create components from design, convert to component, detect components, replace with instances, component set, variants, 元件化, 建立元件, 做成元件, 轉成元件, 還不是元件, 拆成元件, 換成 instance, 建立 variants, design system document, 設計系統文件.

harrychuangSkill

figma-m3-variables

harrychuang/cursor-skills/figma-m3-variables/SKILL.md

Create, apply, audit, and derive Figma Variables with Material Design 3's three-tier token inheritance (Ref → Sys → Comp), covering color, typography (Text Styles), shape, spacing, size, stroke width, opacity, and elevation (Effect Styles). Use when: turning hardcoded values in an existing design (a node, section, page, or newly created components) into tokens; creating a token system; applying Variables to one node, a selection, component sets, or a page; auditing naming, alias chains, scopes, and token coverage; or designing components from existing Variables. Triggers: create Variables, apply Variables, tokenize, hardcoded values to tokens, Figma variables, M3 token, design token, typescale, text styles, elevation, token audit, token coverage, batch apply variables, bind variables, three-tier token, 建立變數, 套用變數, token 化, 寫死的數值轉成 token, 字級 token, 稽核 token.

harrychuangSkill

figma-storybook-sync

harrychuang/cursor-skills/figma-storybook-sync/SKILL.md

Detect which Storybook stories need updating from Figma-side edits and produce a routed sync-back report, using a three-way comparison between the synced baseline payload, the current Storybook export, and the current Figma state. Use after components or pages exported with the design-system-to-storybook Figma export addon were refined in Figma and the user wants to know what changed, in which direction, and how each change should flow back — token differences to the design-system-extractor Late-Arriving Authoritative Source Pass, visual differences to ui-compare-to-reference, structural differences to manual handling. This skill classifies and routes; it never modifies product component code, token CSS, or component spec documents.

harrychuangSkill

frontend-product-implementation

harrychuang/cursor-skills/frontend-product-implementation/SKILL.md

Implement framework-agnostic frontend products and production features from PRD, UI Flow, UI Spec, Data Spec, Acceptance, Implementation Guide, and PRODUCTION_HANDOFF docs. Use when building a web or app frontend from 0 to 1, adding a route, screen, interface, or feature to an existing product, translating Storybook prototype handoff docs into production code, creating typed route/component/data-adapter work, or continuing after storybook-product-prototype. Resolve the target root and runtime architecture before greenfield scaffolding, inherit a clear existing stack without re-asking, ask when targets conflict or a migration is implied, and follow framework-native conventions rather than assuming React. Always follow design-system-governance: discover tokens, grid, motion, i18n, and shared components first; reuse existing components; stop for approval before creating missing tokens or shared components. When the target has no token system and the user approves establishing one, follow the token-bootstrap reference to port a minimal token subset from the prototype design-system source.

harrychuangSkill

ios-foldable-adaptation

harrychuang/cursor-skills/ios-foldable-adaptation/SKILL.md

Adapt any iOS app to Apple's foldable iPhone Duo (outer 466×678 pt compact screen, inner 951×669 pt regular screen with the system vertical bar) and verify it with automated fold/unfold screenshot QC. Covers the whole loop: inventory and removal of screen-size-dependent layout (UIScreen.main, cached screenWidth, orientation checks), a 10-question display-style questionnaire the designer answers, a layout rulebook (back button top of column, actions bottom, underline tabs to a left column in landscape, list+detail split on the inner screen, dark column, standalone buttons, corner-radius avoidance), implementation on either the CMoney Lego production-line framework (opt-in switches) or plain UIKit/SwiftUI (axisBehavior, toolbarItems, sharesBackground, UISplitViewController), a simulator harness that folds/unfolds via HID events and walks screens from a JSON plan, rule-based analysis, and a before/after HTML report for design review. Use whenever someone mentions iPhone Duo, 摺疊, 直欄, vertical bar, 開合, 內螢幕/外螢幕, foldable layout, Device Hub hinge, or wants a product app checked or optimized for the Duo — even if they only ask for screenshots, a QC report, or a plan. Not for general iPad multitasking or non-foldable responsive layout work.

harrychuangSkill

native-app-implementation

harrychuang/cursor-skills/native-app-implementation/SKILL.md

Implement native iOS (SwiftUI, Xcode, SPM) and Android (Jetpack Compose, Gradle, Kotlin) UI features from PRD, Flow, UI, Data, Acceptance, Implementation Guide, and PRODUCTION_HANDOFF docs. Use when a Storybook handoff targets a native app, translating confirmed navigation/motion or TOKENS.json into native code, or continuing after storybook-product-prototype. Inherit the app architecture and apply design-system-governance for tokens, localization, motion, and shared components. Separate Fake fixture/UI models from confirmed transport DTOs. Deliver mock DataSource seams and hand real API/auth/persistence wiring to the named integration owner; web targets belong to frontend-product-implementation.

harrychuangSkill

presentation-content-review

harrychuang/cursor-skills/presentation-content-review/SKILL.md

依可迭代的規則集逐頁審查簡報內容：每頁標題是一個結論（觀點＋行動）、副標用理由補充、每頁有 1–3 個能佐證該結論的證據（哪個產品做了什麼、得到什麼成長或成果、來源在哪）。輸出總評、逐頁判定、必改清單、改寫建議與待補證據清單；不捏造證據。使用者要求時可依同一規則改寫整份簡報或起草。規則集獨立版本化，使用者新增或修改規則時只更新規則檔。適用設計提案、主管報告、產品簡報的內容審查。

harrychuangSkill

prototype-storybook-flow

harrychuang/cursor-skills/prototype-storybook-flow/SKILL.md

Create or update PRD-led Storybook product prototypes under src/pages/prototypes with docs, typed route and transition metadata, deterministic fixtures, intuitive UI Flow review data, draggable Storybook UI Flow viewers with animated dashed arrow connections, Figma-exportable flow stories, and prototype Storybook stories. Use when building a new product prototype, turning a product idea into PRD plus UI Flow, standardizing prototype docs, updating an existing prototype flow, or preparing a Storybook prototype flow for JSON import into Figma with storybook-to-figma.

harrychuangSkill

screenshot-to-storybook

harrychuang/cursor-skills/screenshot-to-storybook/SKILL.md

Turn an uploaded UI screenshot, mockup, or Figma export into a reusable, token-backed implementation workflow: inventory UI building blocks, extend Storybook or the project's component catalog first, then compose product screens from documented components. Use when implementing UI from an image without creating one-off styles or duplicating design-system markup.